从页面上的多个下拉列表中选择哪个下拉列表？

Question

我有3个下拉（组合框）或选择页面上的列表。它目前从第一个下拉框中给出了价值。 我正在寻找一种方法来了解

1. 选择了哪个下拉值并提交了值？
2. 禁用其他两个下拉菜单，以便只选择1个值？

我正在使用jquery使用此

检查值

var id = $("select option:selected").attr("value");

jQuery中有任何建议可以实现上面的1和2吗？

在这里演示http://jsfiddle.net/rd2K4/1/ 感谢。

Answer 1

如果我正确理解您的问题，以下内容应该有效。它处理所有选择元素的change事件。如果更改了一个，则会禁用其他值并将所选值存储到selectedValue变量中：

$(function() {
    var selects = $("select");
    selects.on("change", function() {
        var $this = $(this);
        var selectedValue = $this.val();
        selects.not($this).attr("disabled", "disabled");

        // do something with the selectedValue here ...
    });
});

注意：使用.on()需要jQuery 1.7 +

可以在此处找到演示链接：http://jsfiddle.net/QnKGu/