ウェブフォームドロップダウンメニューの条件付きJavaScriptを設定していますか？

Question

私はこの1つのテキスト入力フィールドにクライアント側とサーバー側の両方の検証を適用しているWebフォームを持っています。ドロップダウンメニューの設定に基づいて文字数制限を設定する条件付きコードを得る方法を探していますに。例えば

：

オプション3を選択した場合、私は事前にコード化されたJavaScript/jQueryの検証スクリプトの数で実験し、彼らしてきた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" /> 

に最大文字制限を制限この特別な必要性を除いて、すべてうまく動作します。

はどのようにこれを行うことができますか？ アドバイスありがとうございます。

Answer 1

入力のmaxLengthを設定する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/