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

发布于 2024-12-21 17:49:32 字数 380 浏览 0 评论 0原文

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

选择了哪个下拉列表的值并已提交值？
禁用其他两个下拉列表以便仅选择 1 个值？

我正在使用 jquery 来检查值，使用

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

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

此处演示 http://jsfiddle.net/rd2K4/1/ 谢谢。

原文

I have 3 drop down (combo boxes) or select lists on a page. It currently gives me the value from the first drop down box.
I am looking for a way to know

Which drop down's value is selected and has submitted value?
Disable the other two drop down's so that only 1 value is selected?

I am using jquery to check the value using this

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

Any suggestions in jQuery to achieve 1 and 2 above?

Demo here http://jsfiddle.net/rd2K4/1/
Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

娇柔作态 2024-12-28 17:49:32

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

If I'm understanding your question correctly, the following should work. It handles the change event for all select elements. When one is changed, it disables the others and stores the selected value into a selectedValue variable:

$(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 ...
    });
});

Note: The use of .on() requires jQuery 1.7+

Demo link can be found here: http://jsfiddle.net/QnKGu/

回复收藏 0 原文

~没有更多了~