js实现两个下拉框联动

JavaScript027

js实现两个下拉框联动,第1张

基本方式有以下两种:方式1:给出菜单1的菜单数据,当点击某个菜单项后,把该项的值传给服务端,由服务端返回新的菜单数据到菜单2.方式2:菜单数据静态存储在js或者html元素中,当点击某个菜单项后,直接把相应的菜单数据到菜单2. 源代码你可以在百度搜索 "js下拉菜单 联动" 得到。

<select id="" onchange="show_input(this.value)">

<option value="0">test</option>

<option value="1">test1</option>

<option value="2">test2</option>

</select>

<input type="input" value="输入框" id="my_input"/>

</body>

<script type="text/javascript">

function show_input(test_value){

    if(test_value==0){

        document.getElementById("my_input").style.display="block"

    }else{

        document.getElementById("my_input").style.display="none"

    }

}

</script>