0

こんにちは、このフィドル 1st にアクセスしてください: 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が初めてです。

ありがとう。

4

2 に答える 2

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());
        }
    });
});
于 2013-05-05T19:20:11.977 に答える
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());
});
于 2013-05-05T19:20:25.240 に答える