Php 用javascript填充选择框

根据您在第一个选择框中选择的选项，我当前有一个自动填充选择框。这一切都很好，做得很好

我试图实现的是，当表单提交时，它会保留所选的值。我可以让第一个初始选择框工作，但当涉及到第二个选择框（自动加载的一个）时，我似乎无法让它工作

第一个选择框id是包含静态信息的ctlJob，第二个选择框id是CTLPONER

这是我的HTML：

    <form id="homesearch" action="view.php" method="get">
  <label for="ctlJob"></label>
  <select name="id" id="ctlJob" style="clear:both; float:left;">

<option value="0">Please Select...</option>    


<option <?php if ($_GET['id'] == '1') { ?>selected="true" <?php }; ?>value="1">Regional General Manager</option>
<option <?php if ($_GET['id'] == '2') { ?>selected="true" <?php }; ?>value="2">General Manager</option>
<option <?php if ($_GET['id'] == '3') { ?>selected="true" <?php }; ?>value="3">Deputy General Manager</option>
<option <?php if ($_GET['id'] == '4') { ?>selected="true" <?php }; ?>value="4">Operations Manager</option>
<option <?php if ($_GET['id'] == '5') { ?>selected="true" <?php }; ?>value="5">Shift Manager</option>
<option <?php if ($_GET['id'] == '6') { ?>selected="true" <?php }; ?>value="6">First Line Manager</option>
<option <?php if ($_GET['id'] == '7') { ?>selected="true" <?php }; ?>value="7">Stock Controller</option>


  <noscript>
    <input type="submit" name="action" value="Load Individuals" />
  </noscript>

  <select name="person_id" id="ctlPerson" style="clear:both; float:left;">

  </select>
<input id="submit" type="submit" name="action" value="search" style="margin-top:40px;" />
</form>

请选择。。。
value=“1”>区域总经理
value=“2”>总经理
value=“3”>副总经理
value=“4”>运营经理
value=“5”>值班经理
value=“6”>一线经理
value=“7”>库存控制员

这是我的js：

    <script type="text/javascript">
  document.getElementById('id').value = "<?php echo $_GET['id'];?>";
  document.getElementById('person_id').value = "<?php echo $_GET['person_id'];?>";
</script>

document.getElementById（'id'）。value=“”；
document.getElementById（'person_id'）。value=“”；

在表单提交到自身后，如何让secondry select框保持填充所选选项，有什么想法吗

谢谢，丹

对不起，我错过了这个js：

 <script type="text/javascript" charset="utf-8">
$(function(){
$("select#ctlJob").change(function(){
    $.getJSON("view.php",{id: $(this).val(), ajax: 'true'}, function(data){
      var $persons = $("#ctlPerson").empty();
      $.each(data, function() {
        $persons.append("<option value=" + this.optionValue + ">" + this.optionDisplay + "</option>");
      });
    })
  });
})
</script>

$（函数（）{
$（“选择#ctlJob”）.change（函数（）{
$.getJSON（“view.php”，{id:$（this.val（），ajax:'true'}，函数（数据）{
var$persons=$（“#ctlPerson”）.empty（）；
$.each（数据，函数（）{
$persons.append（“+this.optionDisplay+”）；
});
})
});
})

无论您使用什么代码来填充它（可能是

更改

事件处理程序），只要在页面加载时调用它即可。我用这种代码做类似的事情：

(elem.onsomething = function() {
    // some event-handling code
}).call(elem);

---

抱歉，我刚刚发布了填充selectboxWell的js，将函数分配给一个变量，然后调用

$（“select#ctlJob”）.change（myfunc）；myfunc.call（document.getElementById（'ctlJob'）；