Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在第二次选择中自动选择与第一次选择相同的数值选项？_Javascript_Php_Twitter Bootstrap_Select - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在第二次选择中自动选择与第一次选择相同的数值选项？

Javascript 如何在第二次选择中自动选择与第一次选择相同的数值选项？

javascript php twitter-bootstrap select

Javascript 如何在第二次选择中自动选择与第一次选择相同的数值选项？,javascript,php,twitter-bootstrap,select,Javascript,Php,Twitter Bootstrap,Select,新的引导和JavaScript <select id="list1" name="list1" class="form-control" required/> <?php for ($h = 1; $h <= 7; $h++) echo "<option value='$h'>$h</option>"; ?> </select> <select id="list2" name="list2" class="form-co

新的引导和JavaScript

<select id="list1" name="list1" class="form-control" required/>
<?php
for ($h = 1; $h <= 7; $h++) echo "<option value='$h'>$h</option>";
?>
</select>


<select id="list2" name="list2" class="form-control" required/>
<?php
for ($h = 1; $h <= 7; $h++) echo "<option value='$h'>$h</option>";
?>
</select>


您可以使用
HTMLSelectElement
的属性：



const firstList=document.getElementById（'list1'）；
const secondList=document.getElementById（'list2'）；
firstList.addEventListener（'change'，（）=>{
secondList.selectedIndex=firstList.selectedIndex；
});


1.
2.
3.
1.
2.
3.

您可以使用
HTMLSelectElement
的属性：



const firstList=document.getElementById（'list1'）；
const secondList=document.getElementById（'list2'）；
firstList.addEventListener（'change'，（）=>{
secondList.selectedIndex=firstList.selectedIndex；
});


1.
2.
3.
1.
2.
3.