私にとって非常に重要です。さまざまなオプションを持つさまざまな選択から値を取得する方法を知りたいです。
サンプルコード:
<select name="select1" >
<option> helo</option>
<option>hai</option>
</select>
<select name="select2" >
<option>thanks alot</option>
</select>
$('[name="select1"]').val();
と
$('[name="select2"]').val();
jQuery を使用して、現在のマークアップに対して選択された値を取得します。値が変更されても変更されません。そのコードを呼び出したときの値のみになります。
値が変更されるたびに値を更新する必要がある場合は、次のchange
ようにイベントにバインドできます。
$('[name="select1"]').on('change', function(){
select1_change = $(this).val();
//logging the changed value for demo
console.log('select1 has changed to: ', select1_change);
});
例については、この JS フィドルを参照してください。コンソールをチェックして、値が更新されていることを確認してください。
質問でタグ付けしたテクノロジーから、ドロップダウンから値を取得し、jquery ajax 経由でサーブレットに送信する必要があることがわかりました。ドロップダウンに id を追加することを検討してみませんか? このようにhtmlで、
<select name="select1" id="select1">
<option> helo</option>
<option>hai</option>
</select>
<select name="select2" id="select2">
<option>thanks alot</option>
</select>
そしてあなたのJavaScriptでは、
function updateValues(){
var value1 = $("#select1").val();
var value2 = $("#select2").val();
$.ajax({
url: "ur_servlet_url&value1="+value1+"&value2="+value2,
type: "POST",
success: function(data){
//If you want to return anything in jsp.
}
});
}
これがお役に立てば幸いです。