嗨,我需要帮助根据下拉更改获取数据。基本上从下拉列表中选择项目 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();
}
});
});