日期:2014-05-16  浏览次数:20341 次

求个简单的js代码
没咋用过js,大致意思就是
HTML code

                <select name="type" id="type" style=" color:#000; height:22px; width:110px;">
                    <option value="1">选项一</option>
                        <option value="2">选项一</option>
                        <option value="3">手动输入</option>
                </select>


当你选中手动输入的时候后面就会出现一个input 去写详细的东西。

搜索了一下也不知道在js里面这个应该叫什么,应该搜索什么样的关键字?

js的大神们能1分钟给我个简单的案例代码吗?

------解决方案--------------------
JScript code

<select name="type" id="type" style=" color:#000; height:22px; width:110px;" onchange="showInput(this)">
                    <option value="1">选项一</option>
                        <option value="2">选项一</option>
                        <option value="3">手动输入</option>
                </select>
                <input type="text" name="input" id="input" style="visibility:hidden;"/>
                <script type="text/javascript">
                    function showInput(select) {
                        if(select.options[select.selectedIndex].value == 3)
                            document.getElementById('input').style.visibility = 'visible';
                        else
                            document.getElementById('input').style.visibility = 'hidden';
                    }
                </script>