问题描述

JSP包含一个下拉框和一个文本框，如何根据下拉框的值判断文本框是否必填？

如题，下拉框有1,2,3,4,5 五个选项，怎么判断下拉框的值，让选择1选项的时候必须填文本框的值，否则不必填。需要在JSP页面上实现。

解决方案

服务器端和客户端都要验证一遍。。

<form method="post" onsubmit="return check(this)">
    <select name="tp"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
    <input type="text" name="un" /><input type="text" name="txt" /><input type="submit" value="提交" />
</form>
<script>
    function check(f) {
        if (f.tp.value == '1') {
            if (f.un.value == '') { alert('请输入un！'); f.un.focus(); return false }
            if (f.txt.value == '') { alert('请输入txt！'); f.txt.focus(); return false }
            //...更多要验证的
        }
    }
</script>

解决方案二：

用jquery实现效果，监听select，当选择了以后触发click事件，在这个函数中，把文本框设置成readonly，懂没懂

解决方案三：

if(document.getElementById("select的id").value=="什么什么"）{用jquery的话----$("#文本框id").show或者用改只读控制} 这些写在一个js里 用select的onfocus或者onchange事件调用

解决方案四：

给当前下拉框加选择事件
然后判断当前选择的value，根据不同的value来做操作

解决方案五：

加一个判断事件，匹配时显示就好