在没有重新加载页面的情况下在组合框中选择元素时自动填充数据库中的文本框

时间:2017-03-18 08:15:52

标签: javascript php jquery autocomplete

当用户在组合框中选择元素时,我希望从数据库中自动填充文本框。 用php中的jQuery或java脚本。 选择元素时的$ name获取

的文本
<select name="Work_Subject" id="id2" onchange="">
             <option value="*" selected>*</option>
             <option value="1">TD</option>
             <option value="2">HW</option>
             <option value="3">Re</option>
             <option value="4">AM</option>
             <option value="5">Other</option>
</select>

  $name=$_POST['work_suubject'];
        $arrResult = mysql_query("SELECT * FROM cr_time name=".$name."",$con);
        if((mysql_num_rows($arrResult))>0){
        $row = mysql_fetch_row($arrResult);}
       <input type="text" name="title_affect" id="title_affect" value="<?php $row['name']?>">

2 个答案:

答案 0 :(得分:1)

$(document).ready(function() {
  $("#id2").change(function(){

    $.ajax({
      type: "POST",
      url: "some.php",
      data: "element="+$(this).val(),
      success: function(msg){
        alert( "Прибыли данные: " + msg );
      }
    });

  });
});

选择项目,然后传递一个值,然后在服务器上工作,然后给出结果

答案 1 :(得分:1)

HTML文件

<select name="Work_Subject" id="id2">
         <option value="*" selected>*</option>
         <option value="1">TD</option>
         <option value="2">HW</option>
         <option value="3">Re</option>
         <option value="4">AM</option>
         <option value="5">Other</option>
</select>
<input type="text" class="result" />
<input type="text" class="result" />
<input type="text" class="result" />
<input type="text" class="result" />
<input type="text" class="result" />

JS

$("#id2").change(function(){
    $.ajax({
        type: "POST",
        url: "some.php",
        data: {'value':$(this).val()},
        success: function(msg){$('.result').val(msg)}
    });
});

some.php

make your code and echo result 

Eg. echo $result; die;