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

Question

嗨，请访问第一个小提琴：http: //jsfiddle.net/UWNtK/20/

当此下拉列表（选择标签）从默认值更改为数字（例如：从 category1 到 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

$(document).ready(function() {

    $('select').change( function() {
        alert($(this).val());
    });
});

将是一个选择。看jsfiddle

.change()和.val()如果您想查看文档。

编辑

更新jsfiddle

$(document).ready(function() {

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

Answer 2

在此处使用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());
});