从页面上的多个下拉菜单中选择了哪个下拉菜单？

Question

我在一个页面上有 3 个下拉列表（组合框）或选择列表。它目前为我提供了第一个下拉框中的值。 我正在寻找一种了解的方式

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

我正在使用 jquery 来检查这个值

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

在 jQuery 中实现上述 1 和 2 的任何建议？

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

Answer 1

如果我正确理解了您的问题，则以下内容应该有效。它处理所有选择元素的更改事件。当其中一个被更改时，它会禁用其他的并将所选值存储到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/