jquery - 在提交警报时选择标签

Question

您好，请访问第一个 fiddle :http://jsfiddle.net/UWNtK/20/

当此下拉列表(选择标签)从默认值更改为数字(例如:从类别 1 到 3)然后单击提交按钮时，我想要 alert() 一些东西。它的 jquery 方法是什么？

这是 html 结构:

<form action="#" method="post">
<div class="drop1">
    <select>
        <option value="categ1">Category1</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
    </select>
</div>
<div class="drop2">
    <select>
        <option value="categ2">Category2</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</div>
    <input type="button" value="Submit"/>
</form>

注意:我是 jquery 的新手。

谢谢。

Answer 1

使用change()方法在这里:

$("select").change(function () {
  alert(this.value);
});

更新

$("input[type='button']").click(function () {
   var $select1 = $(".drop1 select");
   var $select2 = $(".drop2 select");
   if ($select1.val() !== 'categ1') alert($select1.val());
   else if ($select2.val() !== 'categ2') alert($select2.val());
});