Question

嗨，请访问这个小提琴1：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>

N.B：我是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());
});

在提交警报时选择标记

2 个答案: