读书人

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

发布时间: 2012-03-11 18:15:39 作者: rapoo

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

读书人网 >JavaScript

热点推荐