1. 爱易网页
  2. JavaSript
  3. 求个简单的js代码解决方案

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

日期：2014-05-16　 浏览次数：20411 次

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

相关资料更多>

  1. 求大神帮忙 把输入的ip号取出来解决思路
  2. extjs运用实例
  3. window.open('MainFrame.htm' '' 'fullscreen'); 为什么还有标题栏
  4. 怎么在弹出新界面中去除ie的工具栏，菜单栏，如果可以最好还可以去除地址栏
  5. ExtJS 3.0 在skpet里头的代码提示 (添加破解jar)
  6. JS 隐藏显示DIV解决思路
  7. 帮忙看google搜索框自动提示代码解决方法
  8. JSP简介_赵雅智的个人小结（第八次课）
  9. JavaScript中XMLHttpRequest对象初始使用