<select onchange="changeSelection(this)">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
<option value="option4">option4</option>
</select>
<select id="select-2"></select>
<script>
function changeSelection(selectTag){
// to get your data from php you can print the values you want with echo
if(selectTag.value == "option1"){
document.getElementById("select-2").innerHTML = "<option value='my-option1'>My Option1</option>"
}else if(selectTag.value == "option2"){
document.getElementById("select-2").innerHTML = "<option value='my-option2'>My Option2</option>"
}
// And you continue with all the options you have, and the same thing with the third select tag
}
</script>
1条答案
按热度按时间xmd2e60i1#
如果我理解得很好的话,你的意思是像(国家,城市)下拉菜单。所以当你选择一个不同的国家,城市列表会改变。
如果这就是你的意思,那么解决方案如下:
在第一个select中添加一个“onchange”监听器,然后在更改时更改第二个select的innerHTML。
方法一:
要从PHP中获取数据,您可以使用echo在脚本中打印它。因此,您可以打印数据,而不是“My Option 1”。
方法二:
或者你也可以 AJAX 查询来获取每一个变化的数据。
这段代码应该在onchange listener触发的函数中:
其中文件“yourPHPfile.php”应该根据您在$_POST[“selectValue”]中发送给它的值返回您想要的第二个选择器中的值。