JQUERY自动填充来自另一个选择输入的选择输入

编辑1

我从这段代码获取courseID：

$coursesOutput = ''; while($row = mysql_fetch_array($result2)){ $courseID = $row['courseID']; $courseName = $row['name']; $coursesOutput .= '' . $courseName . ''; } 

我的php脚本如下（返回一个echo语句）

  <?php include ("includes/connect.php"); $courseID = mysql_real_escape_string($_GET['courseID']); $sql = "SELECT tee1, tee2, tee3, tee4, tee5 FROM courses WHERE courseID='$courseID' LIMIT 1"; $result = mysql_query($sql) or die(mysql_error()); while($row = mysql_fetch_array($result)){ $tee1 = $row['tee1']; $tee2 = $row['tee2']; $tee3 = $row['tee3']; $tee4 = $row['tee4']; $tee5 = $row['tee5']; } $teesOutput = '' . $tee1 . ''; if($tee2 != ""){ $teesOutput .= '' . $tee2 . ''; } if($tee3 != ""){ $teesOutput .= '' . $tee3 . ''; } if($tee4 != ""){ $teesOutput .= '' . $tee4 . ''; } if($tee5 != ""){ $teesOutput .= '' . $tee5 . ''; } echo '' . $teesOutput . ''; die(); ?> 

我没有得到任何ajax错误，但仍然没有填充我的发球台选择器。 希望这会有所帮助，我再次被这里的支持所震撼，难以置信！

结束编辑1

我一直无法想象这个AJAX-JQUERYfunction。 对于优秀的jQuery程序员来说，它应该是一个容易的地方。

我希望能够在用户选择他们的课程后自动填充我的T恤选择输入。 这是一个高尔夫应用程序，课程有几种不同的T恤配色方案，因此每个都是特定课程。

到目前为止我破碎的代码是：

HTML

 
 
Select Date:
  
Select Course:
  ' . $coursesOutput . '  
Select Tee:
   
Actual Score:
  
Score ESC (Equitable Stroke Control):
  
   

JQUERY

 function populateTee(courseID) { $.ajax( { url: 'includes/populate_tee.php?courseID=' + courseID, success: function(data) { $("#tee").html(data); } }); } 

PHP

populate_tee.php脚本工作，所以我不会浪费你的时间包括它。

我很确定问题出在上面的JQUERY-AJAX脚本中。

任何帮助都会很精彩。

提前致谢。

Answer 1

courseID来自哪里？ 尝试将其登录到控制台。 这有帮助吗？

 function populateTee(courseID){ $.ajax({ url: 'includes/populate_tee.php?courseID=' + courseID, success: function(data) { //Assuming you're returning the tees list as an indexed array var ops = ''; for(var i=0; i'; } $("#tee").html(ops); } }); } 

Answer 2

而不是在select上使用onChange事件我建议使用jquery .change（）方法。 尝试以下代码来解决问题。

  $('#course').on('change', function () { var courseID = $(this).val(); $.ajax({ type: "post", url: 'includes/populate_tee.php?courseID=' + courseID, success: function(data) { $("#tee").html(data); } }); });