重置基于其他选择框的值的选择框
问题描述:
我有多个选择框,说:ID,RollNo,名称和类。重置基于其他选择框的值的选择框
如果设置了ID,我想重置RollNo,名称和类为空或空白。
我的网页
<?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的信息,所以我提出了一个更通用的解决方案。
以下内容添加到您的<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/
看到一个工作示例这应该进行修改以适合您的需求,但希望这可以帮助您入门。
贴上你的HTML – 2012-02-25 21:00:03
准确,粘贴完整代码的网页.. – 2012-02-25 21:04:49
形式 - >输入( '身份证',阵列( “选项”=> $ databaseFields-> getOptions(” ID”,1))); ?> \t \t \t \t Form-> input('RollNo',array(“options”=> $ databaseFields-> getOptions(“rollno”,1))); ?> \t \t \t \t Form-> input('name',array(“options”=> $ databaseFields-> getOptions(“name”,1))); ?> \t \t \t \t Form-> input('class',array(“options”=> $ databaseFields-> getOptions(“class”,1))); ?> – 2012-02-25 21:16:42