Question

我在这里有一个ajax，它将信息从数据库发布到文本框中。这个ajax工作在输入字段中，但是当我尝试使用选择框时它不起作用。这是为什么？任何帮助将不胜感激。谢谢你提前。

不工作

<select id="tag"><option value="">none</option><option value="crs">crs</option></select>

工作

<input name="tag" id="tag" type="text" value="" />

的index.php

<select id="tag"><option value="">none</option><option value="crs">crs</option></select>
<input name="output" id="output" type="text" value="" />

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

$.ajax({
type: "POST",
url: "autocomplete-ajax.php",
data :"prjt_code="+prjt_code,
dataType:'html',
type:'POST',
   success:function(data){
  //alert(data);
    $('#output').val(data);
   }
  });
return false;
});
});
</script>

自动完成-ajax.php

<?php
if(isset($_POST['prjt_code'])) {
$prjt_code = $_POST['prjt_code'];

$sql = $mysqli1->query("SELECT * FROM project WHERE project='$prjt_code'");

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

Answer 1

当您想要选择[id =＆＃34; tag＆＃34;]

时，您正在定位输入[id =＆＃34;标记＆＃34;]

http://jsfiddle.net/releaf/U28jb/

$(document).ready(function() {
 $('select[id="tag"]').on('change', function() {
 var prjt_code = $("#tag").val();
    alert(prjt_code);
 $.ajax({
    type: "POST",
    url: "autocomplete-ajax.php",
    data :"prjt_code="+prjt_code,
    dataType:'html',
    type:'POST',
    success:function(data){
      //alert(data);
      $('#output').val(data);
    }
  });
  return false;
 });
});

Ajax不会在基于选择框的值时发布

1 个答案: