0

私はこれを持っています、

<select id="rid" style="border: 1px solid #ccc;" name="rid">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
</select>

私のスクリプトでは、たとえばオプション1が選択されているのか、クリックされているのかを知りたいです。ここで私が試しているのは、オプションが<option>'s属性を介してクリックされていることを知ることですvalue。オプションがクリックされalert()ている場合は、そのオプションがクリックされていることを通知します。jsスクリプトでそれをどのように行いますか？

4

3 に答える 3

5

そんな感じ

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

jsFiddle

または、変更前であっても、特定の値をチェックします

$(document).ready(function() {
    var rid = $('#rid');
    alertForOne(rid.val());
    rid.change(function() {
        alertForOne(rid.val());
    });

});

function alertForOne(val) {
    if (val == 1)
    alert('test');
}

jsFiddle

于 2012-10-11T16:40:27.043 に答える
4

これを試して、

ライブデモ

$('#rid').change(function(){
     alert($(this).val());
});
于 2012-10-11T16:40:24.617 に答える
2

クリックが気になり、変更しない場合は、.clickイベントを使用してください。

$('#rid').click(function () {
   if ($(this).val() == "1") {
      console.log("option 1 was clicked");
     //^- Using alert here would block the selection.
   }
});

上記はOPの内容に基づいています-

オプションがクリックされている場合は、そのオプションがクリックされていることを通知する何かをalert（）します。

によると-

たとえば、オプション1が選択されているのか、クリックされているのかを知りたいのですが。

于 2012-10-11T16:41:54.903 に答える