Question

我正在使用html选择，我只需要获取一个选定的值，而使用firebug进行调试我会看到2个选项被选中。

如何使用jquery使其互斥？请帮忙

<select id="test" title="select table" class="selectChangeClass">
<option value="None">None</option>
<option value="Equal">Equal</option>
<option value="NotEqual">NotEqual</option>
<option value="LessThan">LessThan</option>
<option value="GreaterThan">GreaterThan</option>
<option value="LessthanOrEqual">LessthanOrEqual</option>
<option value="GreaterthanOrEqual">GreaterthanOrEqual</option>
</select>

脚本

 $('.selectChangeClass').live('change', function(event) {
    var changedText = $(this).val();
    var controlId = this.getAttribute('id');
        var indexSelected = this.selectedIndex;
        //
        this.selectedIndex = indexSelected;
        $('#test' option[value="' + changedText + '"]').attr('selected', 'selected');
        var opt = $('#' + controlId + ' option[value="' + changedText + '"]');
        var html = $("<div>").append(opt.clone()).html();
        html = html.replace(/\>/, ' selected="selected">');
        opt.replaceWith(html);


    });

Answer 1

试

$("#selecID").change(function(e){
var selectedVal = $(this).val();
console.log(selectedVal);
});

修改

var selVal = $("#test :selected").val(); alert(selVal);

DEMO

还会看到如何更改所选选项http://jsfiddle.net/9ftwG/1/

和此http://jsfiddle.net/9ftwG/4/了解如何克隆和更改所选选项

Answer 2

我不完全确定我理解这个问题。您在什么时候选择了两个选项？选择中是否设置了多个？

这是一个JSFiddle更新选择更改的div：http://jsfiddle.net/aMs8G/。

Jquery只设置一个选定的选项

2 个答案: