select 下拉框的选中项的change事件

HTML文件
  <span style="float: left;">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型:&nbsp;&nbsp;
        <select id="type" class="easyui-combobox" name="type" style="width: 90px;" data-options="required:false">
             <option value="1" selected="selected">安心帮卖</option>
             <option value="2">同步拍</option>
        </select>
    </span>

    <span style="float: right; margin-left: 66px;">
    <span id="auctionsFlag" style="display:none;">拍卖会场次:&nbsp;
        <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">拍卖时间:&nbsp;&nbsp;
        <input  type="text" id="startDate" style="width:110px;" class="easyui-datebox"/>
        &nbsp;&nbsp;至&nbsp;&nbsp;<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");
    }

效果图:

时间: 2024-11-05 22:57:04

select 下拉框的选中项的change事件的相关文章

jQuery select下拉框设置选中项

$("#selectId option:last").prop("selected", 'selected'); $("#selectId option").eq(0).attr("selected", true);

JS/JQuery操作select下拉框

一.js 操作select 下拉框 var selObj = 下拉框对象 1. 移除所有项:selObj.options.length = 0; 2. 移除下拉框中的一项:selObj.options.remove(index); “index”为下拉框选项的索引值,若0索引项移出(自上而下),那么1索引项的索引会变为0,后面的索引依次向前推进 也可利用循环,移除所有项: var length = selObj.options.length; for(var i=length-1;i>=0;i-

javascript遍历select下拉框判断其中值是否与指定值相等

用jquery多了,就忘了原生的js是如何写的了,还需要多加巩固. 需求:jsp回显一select下拉框.选中指定值. 用户点击修改 该select进行已有值回显.有两种解决方法 一.js中获取用户的该swig_dmSelect值,本例中是从action中获取的 js获取所有option,然后遍历进行判断. <script type="text/javascript"> <% String swjg_dmSelect = (String)session.getAttr

模拟select下拉框之多选(数据源采用模拟Ajax数据--原创)

最近需要一个下拉多选,本来想偷懒的,所以在网上百度了一番,最终还是发现没有一个符合自己要求的,所以我自己写了一个插件.下面是GIF动态效果图展示 相信大家已经看到效果了,接下来就是我的代码展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟select下拉框之多选</title> <style

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;  

Javascript获取select下拉框选中的的值

现在有一id=test的下拉框,怎么拿到选中的那个值呢? 分别使用javascript原生的方法和jquery方法 <select id="test"  name="">     <option   value="1">text1</option>     <option   value="2">text2</option>    </select> co

jquery操作select下拉框的多种方法(选中,取值,赋值等)

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

自定义样式的select下拉框深入探索

第一个版本: 首先实现自定义select下拉框应该具有的功能,我是选择将原来的select隐藏掉,自己在jquery代码中动态写进去<dl><dd><dt>这样的结构来模拟真正的select的操作. 用来模拟select框的div结构如下: <div class="selectbox">//包裹整个模拟框的盒子 <div class="currentselected"></div>//用于当前默

jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se