首页 > 解决方案 > Javascript在选择标签ID中添加If语句

问题描述

这是我使用 select 的下拉菜单,id 是beh_type

<select class="form-control" id="beh_type">
<option value="0">Auto</option>
<option value="1">Man</option>
</select>

这是我的多选列表,id 是mult_type

<select multiple="multiple" class="form-control" id="mult_type">
<option value="0">Auto</option>
<option value="1">Man</option>
</select>

这是我使用 if 条件进行单击的 JavaScript 代码,以及要为 mult_type 而不是 beh_type 执行的代码

if($("select").attr("id") == "mult_type"){        
$("select").mousedown(function(e){
        e.preventDefault();

            var select = this;
        var scroll = select.scrollTop;

        e.target.selected = !e.target.selected;

        setTimeout(function(){select.scrollTop = scroll;}, 0);

        $(select).focus();}
    }).mousemove(function(e){e.preventDefault()});

标签: javascript

解决方案


如果您需要该事件,select则使用选择idmult_type添加这些事件id

$("#mult_type").mousedown(function(e){
    e.preventDefault();

    var select = this;
    var scroll = select.scrollTop;

    e.target.selected = !e.target.selected;

    setTimeout(function(){select.scrollTop = scroll;}, 0);

   $(select).focus();
}).mousemove(function(e){e.preventDefault()});

推荐阅读