使用jquery抓取數據並填充html表單

嗨，我需要幫助抓取基於下拉更改的數據。基本上從下拉菜單中選擇項目ID，然後使用數據庫中的值填充文本框和其他下拉菜單。（其他下拉列表已經填充並且有賦值操作符「<」，「>」，「=」。我只想在下拉列表中選擇與數據庫匹配的確切值。棘手部分是一些默認隱藏在頁面上的文本框（使用jQuery），只有當選擇適當的下拉列表值。我如何完成這個節目。使用jquery抓取數據並填充html表單

   <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(); 
    } 
}); 



});

來源

2013-03-11 Manny Balboa

歡迎來到SO。請添加所有相關的代碼，並確切告訴你卡在哪裏。不幸的是，人們無法猜測你的實際問題是什麼。 – insertusernamehere 2013-03-11 19:40:08

對不起，我正在編輯代碼 – 2013-03-11 19:40:54

您已經從change（）函數開始。下一步將使用$ ajax來調用你的服務器端代碼。 – tymeJV 2013-03-11 19:45:12

這個好了，所以找到答案使用json_encode抓取數組，並通過它解析重新填充html表單。感謝您的幫助球員

來源

2013-03-15 15:21:16

使用jquery抓取數據並填充html表單

回答

相關問題