首页 > 代码库 > select 下拉框的选中项的change事件
select 下拉框的选中项的change事件
HTML文件 <span style="float: left;">类 型: <select id="type" class="easyui-combobox" name="type" style="width: 90px;" data-options="required:false"> <option value="http://www.mamicode.com/1" selected="selected">安心帮卖</option> <option value="http://www.mamicode.com/2">同步拍</option> </select> </span> <span style="float: right; margin-left: 66px;"> <span id="auctionsFlag" style="display:none;">拍卖会场次: <select id="auctionId" class="easyui-combobox" name="auctionId" style="width: 244px;" data-options="required:false"> <!-- <option value="" selected="selected">" "</option> --> </select> </span> <span id="aucTime">拍卖时间: <input type="text" id="startDate" style="width:110px;" class="easyui-datebox"/> 至 <input type="text" id="endDate" style="width:110px;" class="easyui-datebox"/> </span> </span>
JS文件 var typeFlag = 0; $("#type").combobox({ onChange: function (n,o) { if(n==1){ hidden_change(); }else{ view_change(); } } }); function hidden_change(){ typeFlag = 0; $("#auctionsFlag").css("display","none"); $("#aucTime").css("display","block"); } function view_change(){ typeFlag = 1; $("#auctionsFlag").css("display","block"); $("#aucTime").css("display","none"); }
效果图:
select 下拉框的选中项的change事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。