0

私は Mvc Web アプリケーションを使用しており、ページに単純なドロップダウンがあります。私のドロップダウンには3つのアイテムがあり、選択したアイテムが変更されるたびにチェックしたいです。

現在、ドロップダウンの「onchange」イベントを処理する JavaScript 関数を作成しています。ただし、ご存じのとおり、ドロップダウン項目をキーボードで切り替えた場合、このイベントは発生しません。

この場合、jquery カスタム検証を使用するにはどうすればよいですか? ドロップダウンで選択したアイテムが変更されるたびに、テキストボックスを無効にするなどの特定のことが起こります。

4

1 に答える 1

0

これを試して、

Jクエリコード:

<script language="javascript" type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $('#dropdown').change(function() {  
    $('#selectedValue').html($(this).val()); // just to see what value did the user select
    if($(this).val()=='2'){// validating whether the user selected value 2 and disabling textbox
        $('#textbox').attr('disabled', 'disabled');
    }
});
});
</script>

HTML コード:

<select name="dropdown" id="dropdown">
<option id="select1" value="1" selected="selected">1</option>
<option id="select2" value="2">2</option>
<option id="select3" value="3">3</option>
<option id="select4" value="4">4</option>
</select>
<input id="textbox" type="text" value="" />
<div id="selectedValue"></div>
于 2012-12-02T13:27:51.277 に答える