Question

我有一个Web表单，我正在将这个客户端和服务器端验证应用到这个文本输入字段，我正在寻找一些方法来设置条件代码，根据下拉菜单设置字符限制设置为。

例如：

如果选择了选项3，则将最大字符限制限制为10。

<select>
<option>Option 1</option>
<option> Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>

<label>Text Field</label>
<input type="text" />

我一直在尝试一些预编码的javascript / jquery验证脚本，除了满足这种特殊需求外，它们都能正常工作。

如何做到这一点？谢谢你的任何建议。

Answer 1

创建一个select onchange事件，该事件将设置输入的maxLength。您可以使用选项值作为事件的值。例如：

<select id="sel" onchange="document.getElementById('txt').maxLength = document.getElementById('sel').value;" >
<option value="3">Option 1</option>
<option value="5"> Option 2</option>
<option value="10">Option 3</option>
<option value="20">Option 4</option>
</select>
<br/>
<label>Text Field</label>
<input type="text" id="txt" value="" maxlength="3" />

您可以在此处进行测试 - http://jsfiddle.net/codefuze/R7RtJ/

为Web表单下拉菜单设置条件javascript？

1 个答案: