gpt4 book ai didi

php - 如何根据另一个下拉列表中的选择来选择下拉列表中的选项

转载 作者:行者123 更新时间:2023-11-28 21:18:38 25 4
gpt4 key购买 nike

我有两个已从数据库填充的下拉列表。如果您在 DropDownlist1 中选择一个值 - Dropdownlist2 会获得与在 Dropdownlist1 中选择的值相同的值。

但是代码是基于 switch case 的,而且选项也是硬编码的! future ——可能会出现很多选择,但行不通!

所以我想要的是,如果您在下拉列表 1 中选择一个选项 - 应根据“值”而不是“索引”在下拉列表 2 中选择该选项 Like here

任何指示或帮助将不胜感激!提前致谢

 function showSelected(f) {

var selNum = f.type1.selectedIndex;
//var selText = f.type1.options[selNum].text


switch (selNum)
{
case 1:
document.getElementById('type2').selectedIndex= 2;
break;

case 2:
document.getElementById('type2').selectedIndex = 8;
break;

case 3:
document.getElementById('type2').selectedIndex = 3;
break;

case 4:
document.getElementById('type2').selectedIndex = 1;
break;

case 5:
document.getElementById('type2').selectedIndex = 4;
break;

case 6:
document.getElementById('type2').selectedIndex = 2;
break;

case 7:
document.getElementById('type2').selectedIndex = 2;
break;

case 8:
document.getElementById('type2').selectedIndex = 7;
break;

}


}

<select name="Type1" id="Type1" onchange="showSelected(this.form)" >
<option>Select Option</option>
<option value="<?php echo $record->getID();?>" > <?php echo $record->getIDName();?> </option>
</select>

<select name="Type2" id="Type2" disabled>
<option>Select Option</option>
<option value="<?php echo $record->getID();?>" ><?php echo $record->getIDValue();?> </option>
</select>

最佳答案

function selectoption()
{
var list = document.getElementById('list');
var listtwo = document.getElementById('listtwo');
var searchtext = list.options[list.selectedIndex].text;
for(var i = 0; i < listtwo.options.length; ++i)
if (listtwo.options[i].text === searchtext) listtwo.options[i].selected = true;
}

http://jsbin.com/oyaloc/2

关于php - 如何根据另一个下拉列表中的选择来选择下拉列表中的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6965597/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com