重置基於其他選擇框的值的選擇框

我有多個選擇框，說：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

重置基於其他選擇框的值的選擇框

回答

相關問題