Установка условного JavaScript для выпадающего меню веб-формы? - PullRequest
Новая
       5

Установка условного JavaScript для выпадающего меню веб-формы?

0 голосов
/ 08 января 2012

У меня есть веб-форма, к которой я применяю как клиентскую, так и серверную проверку к одному и тому же текстовому полю ввода. Я ищу какой-нибудь способ получить условный код, который устанавливает ограничение по количеству символов на основе раскрывающегося меню.установить на.

Например:

Если выбран вариант 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, и все они работают нормально, за исключением случаев, когда это необходимо.

Как это можно сделать?Спасибо за любой совет.

1 Ответ

0 голосов
/ 08 января 2012

Создайте событие 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/

...