Div停止javascript函数

我正在构建一个javascript函数，以便在选择表单项时更新数据库表。这一切都很好

Javascrpit：

 function changeFunc(){
 var selectBox = document.getElementById("supervisor");
 var selectedValue = selectBox.options[selectBox.selectedIndex].value;
 if(selectedValue = 1){
     var jqxhr = $.ajax("<?php echo $web_root; ?      
  >/file/reminder/supervisor_reminder.php?super=1")
                  .done(function(){ alert("success, supervisor Helen has    
   been alerted."); })
                  .fail(function(){ alert("error"); });

    }

   }

函数changeFunc（）{
var selectBox=document.getElementById（“主管”）；
var selectedValue=selectBox.options[selectBox.selectedIndex].value；
如果（selectedValue=1）{
var jqxhr=$.ajax（“Yo）有两个ID相同的元素，因此将最外面的更改为

<div id="supervisorContainer">


因为您给了div并选择了相同的id。div需要不同的id。
id
主管只能使用一次

例如，将
更新为
，并使用#supervisorBox隐藏此框

例如：

$("#supervisorBox").hide();

不能有两个ID相同的HTML元素。请将您的
或
select
ID更改为不同。
这里的问题是，您对div和select控件使用的ID相同

ID必须是唯一的。否则将使用第一个出现的ID，在您的情况下，它是div容器

因此，对于DIV容器，JS变量“selectBox”指向DIV，而不是select控件

解决方案：将一个ID更改为另一个（唯一）ID，并在JS代码中使用select控件的ID

    <div id="supervisor_div">
    <form action="" method="">
        <label>Supervisor Alert</label>
        <select id="supervisor" onchange="changeFunc()">
            <option value=""></option>
            <option value="1">Helen</option>
            <option value="2">Nancy</option>
            <option value="3">Joyce</option>
            <option value="4">Bob</option>
            <option value="5">Herb</option>
        </select>    
    </form>
</div>


主管警报
海伦
南希
乔伊斯
上下快速移动
草本植物
您使用了两次id“supervisor”。您的代码希望它是
，但您添加了
并使用了相同的id。id必须是唯一的，因此请为
使用不同的字符串。另外，FWIW，既然您使用的是jQuery，为什么不使用
$（）
handler选择元素？例如：
var$selectBox=$（“#主管”）；
OIC盲人说……谢谢你回答这个愚蠢的问题。可以看到森林中的树木。
    <div id="supervisor_div">
    <form action="" method="">
        <label>Supervisor Alert</label>
        <select id="supervisor" onchange="changeFunc()">
            <option value=""></option>
            <option value="1">Helen</option>
            <option value="2">Nancy</option>
            <option value="3">Joyce</option>
            <option value="4">Bob</option>
            <option value="5">Herb</option>
        </select>    
    </form>
</div>