求个简单的js代码解决方案

求个简单的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>

求个简单的js代码解决方案

相关推荐