jquery - 下拉设置选中状态和启用/禁用提交按钮

Question

我昨天发布了这个问题:jQuery live check input changes - 我得到了答案。

现在我很好奇，如果我有下拉菜单、复选框和单选按钮，我该如何跟踪它们的变化。

这是国家的当前代码:

<select id="country-list" name="countries">
  <option value="xx" selected="">Worldwide</option>
  <option value="in">India</option>
  <option value="il">Israel</option>
  <option value="ru">Russia</option>
  <option value="us">United States</option>
</select>

其余部分在这个 jsfiddle 中:http://jsfiddle.net/XeG5u/

谢谢!

编辑:我的目标，

Answer 1

似乎您为启用该按钮做了很多工作。我觉得您可以通过一个简单的 .change() 事件处理其中的大部分内容。

$("#country-list").change(function() {
    if (this.value == "xx") {
        $("#submit-data").prop("disabled", true);
    } else {
        $("#submit-data").prop("disabled", false);
    }
});

演示:http://jsfiddle.net/tymeJV/XeG5u/1/

每次下拉列表更改时，都会触发此事件。您可以存储所选值(在此函数中作为 this.value 访问)并执行您需要的逻辑。