Question

我有多个选择框，例如：ID，RollNo，Name和class。

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

我的网页

<?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))); ?>

Answer 1

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

将以下内容添加到<head>：

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

（或下载.js文件并指向它的本地路径）

然后在文档的<head>上添加一些内容：

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

您可以在http://jsfiddle.net/zPhnN/1/

看到一个有效的例子

这应该根据您的需要进行修改，但希望这可以帮助您入门。

根据其他选择框的值重置选择框

1 个答案: