使用jquery获取数据并填充html表单

时间:2013-03-11 19:36:40

标签: php jquery html sql drop-down-menu

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



}); 

1 个答案:

答案 0 :(得分:0)

好的,所以找到了这个使用json_encode的答案来抓取数组并解析它以重新填充html表单。谢谢你的帮助