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>