为web窗体下拉菜单设置条件javascript

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事件，该事件将设置输入的最大长度。您可以使用选项值作为事件的值。示例：

<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/