Javascript 基于其他selectbox的值重置选择框

我有多个选择框，比如：ID、RollNo、Name和class

如果设置了ID，我想将RollNo、name和class重置为nothing或空白

我的网页

<?php echo $this->Form->input('id', 
                              array("options"=>$databaseFields->getOptions("id",1))); ?> 
<?php echo $this->Form->input('RollNo', 
                              array("options"=>$databaseFields->getOptions("rollno",1))); ?> 
<?php echo $this->Form->input('name', 
                              array("options"=>$databaseFields->getOptions("name",1))); ?> 
<?php echo $this->Form->input('class', 
                              array("options"=>$databaseFields->getOptions("class",1))); ?> 

---

您可以使用jQuery轻松实现这一点。因为我们没有太多关于HTML的信息，所以我提出了一个更通用的解决方案

将以下内容添加到您的

：

您可以在中看到一个工作示例

---

应该根据您的需要对其进行修改，但希望它能帮助您入门。

确切地说，请粘贴页面的完整代码。。我正在使用php，所以上面就是我正在做的。其中，选择框从DB获取数据。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

$(document).ready(function()
{
    $("#selectID").change(function()
  {
      //Reset any select boxes
      $("#selectOther")[0].selectedIndex = 0;
  });
});