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

我有多个选择框，说：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))); ?>

来源

2012-02-25 We Rock

贴上你的HTML – 2012-02-25 21:00:03

准确，粘贴完整代码的网页.. – 2012-02-25 21:04:49

<？PHP的echo $这个 - >形式 - >输入（ '身份证'，阵列（ “选项”=> $ databaseFields-> getOptions（” ID”，1）））; ？> \t \t \t \t <？php echo $ this-> Form-> input（'RollNo'，array（“options”=> $ databaseFields-> getOptions（“rollno”，1）））; ？> \t \t \t \t <？php echo $ this-> Form-> input（'name'，array（“options”=> $ databaseFields-> getOptions（“name”，1）））; ？> \t \t \t \t <？php echo $ this-> Form-> input（'class'，array（“options”=> $ databaseFields-> getOptions（“class”，1）））; ？> – 2012-02-25 21:16:42

你可以做到这一点很容易使用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/

看到一个工作示例

这应该进行修改以适合您的需求，但希望这可以帮助您入门。

来源

2012-02-25 21:31:45

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

回答

相关问题