繁体   English   中英

使用ajax将值发布到文本框中

[英]Post value into textbox using ajax

我正在尝试将值发布到文本框中,具体取决于其他文本框的值。 就是说我在try1字段中输入了铅笔,在try2字段中应该显示的值是A00003。 我在警报消息中得到它。 但是问题是在文本框try2中没有返回任何值。 这是什么问题?

任何帮助将不胜感激。

表结构

Item    |  Item_Code
Pencil  |  A00003  
Ballpen |  A00004

index.php

<input id="try1" name="try1">
<input id="try2" name="try2">
  <script type="text/javascript">
$(document).ready(function()
{
$('input[id="try1"]').change(function() 
{
var try1 = $("#try1").val();

$.ajax({
    type: "POST",
    url: "getajax.php",
data :"try1="+try1,
dataType:'html',
type:'POST',
   success:function(data){
   alert(data)
    $('#try2').html(data);
   } 
  });
return false;
});
});
</script>

GetAjax.php

<?php
$mysqli = new mysqli("localhost", "root", "", "2015");
if(isset($_POST['try1']))
{
$try1 = $_POST['try1'];
$sql = $mysqli->query("select item_code from code where item='$try1'");

while($row1 = $sql->fetch_assoc())
  {
  $code = $row1['item_code'];
  }
echo $code;
}
?>

使用val()作为输入元素。

$('#try2').val(data);

要将数据写入input box您需要使用val()这样的

$('#try2').val(data);

html()通常用于将html contents写入divs ,spans , etc

附加信息 :用于将数据写入label ,可以使用text("data")

数据分配给

$('#try2').value =data;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM