使用从PHP返回的值设置输入值

时间:2015-03-19 15:47:42

标签: php jquery ajax

我有一个表单,我想在更改表单选择时设置输入字段的值。在更改select ajax时,jquery运行并使用get方法调用PHP文件。但我不知道如何从PHP返回值(数组或回声或任何其他方式)以及如何将它们设置为输入值。

1 个答案:

答案 0 :(得分:0)

使用jQuery,这可能是理想的解决方案:

<form name="frm">
  <input type="text" name="age" id="txtAge" />
  <input type="text" name="country" id="txtCountry" />
  <select name="name" id="selName">
    <option value="Ceyhun Ganioglu">Ceyhun Ganioglu</option>
    <option value="ABC">ABC</option>
    <option value="CED">CED</option>
  </select>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
 $(function(){
   $('select#selName').change(function(){
     var name = $(this).val(); // selected option's value
     $.getJSON("<URL_TO_PHP_SCRIPT>", { name: name }, function(data){
             // on success, put returned value in textbox
             // return data is in JSON (note, I am using `.getJSON` now)
             $("#txtAge").val(data.age);
             $("#txtCountry").val(data.country);
     });
   });
 });
</script>

您的PHP代码可能是:

<?php 
 echo json_encode(array('age' => 21, 'country' => 'US')); // you need to return on the basis of name, :)
?>

在此处阅读jQuery $.getJSON的Ajax doc:http://api.jquery.com/jquery.getjson/

jQuery中的其他Ajax函数:http://api.jquery.com/jquery.ajax/