こんにちは、ドロップダウンの変更に基づいてデータを取得するのに助けが必要です。基本的に、ドロップダウンからアイテム ID を選択し、テキスト ボックスやその他のドロップダウンにデータベースの値を入力します。(他のドロップダウンはすでに入力されており、代入演算子「<」、">」、「=」があります。データベースからのものと一致するドロップダウンで正確な値を選択したいだけです。トリッキーな部分は、ページのデフォルトで非表示になっているテキストボックスの一部です(jquery を使用) 適切なドロップダウン値が選択されている場合にのみ表示されます。
<select name='Item' id='Item' >
<option value='123'>123</option>
<option value='124' >124</option>
<option value='125' >125</option>
</select>
<select name='oper' id='oper' >
<option value='='>Equal</option>
<option value='between' >Between</option>
<option value='in' >In</option>
</select>
<input id="CLEQ" name = "Clientequal" type="text" size="20" maxlength = "08" data- bvalidator="digit,minlength[08],required">
<input id="CLBE" name = "ClientBetween" type="text" size="20" maxlength = "08" data-bvalidator="digit,minlength[08],required">
<input id="CLIN" name = "ClientIn" type="text" size="100" maxlength = "100" data-bvalidator="Client,required">
テキストボックスを非表示にする私のjquery関数。
$(document).ready(function() {
$("#CLEQ").show();
$("#CLIN").hide();
$("#CLBE").hide();
$('#oper').change(function() {
var selectedValue = $(this).val();
if(selectedValue === '=') {
$("#CLEQ").show();
$("#CLIN").hide();
$("#CLBE").hide();
} else if (selectedValue === 'between') {
$("#CLEQ").show();
$("#CLIN").hide();
$("#CLBE").show();
} else {
$("#CLEQ").hide();
$("#CLIN").show();
$("#CLBE").hide();
}
});
});