Я знаю, что это просто, и мне нужно искать в Google. Я старался изо всех сил, и я не мог найти лучшего решения. У меня есть поле формы, которое принимает некоторый ввод и поле выбора, которое имеет некоторые значения. Он также имеет "другое" значение.
Я хочу:
Если пользователь выбирает параметр "Другой", текстовое поле должно указывать, что "Другое" должно отображаться. Когда пользователь выбирает другой вариант (чем "Другой" ), я хочу снова скрыть его. Как я могу выполнить это с помощью JQuery?
Это мой код JSP
<label for="db">Choose type</label>
<select name="dbType" id=dbType">
<option>Choose Database Type</option>
<option value="oracle">Oracle</option>
<option value="mssql">MS SQL</option>
<option value="mysql">MySQL</option>
<option value="other">Other</option>
</select>
<div id="otherType" style="display:none;">
<label for="specify">Specify</label>
<input type="text" name="specify" placeholder="Specify Databse Type"/>
</div>
Теперь я хочу показать тег DIV ** (id = "otherType" ) ** только тогда, когда пользователь выбирает Other. Я хочу попробовать JQuery. Это код, который я пробовал
<script type="text/javascript"
src="jquery-ui-1.10.0/tests/jquery-1.9.0.js"></script>
<script src="jquery-ui-1.10.0/ui/jquery-ui.js"></script>
<script>
$('#dbType').change(function(){
selection = $('this').value();
switch(selection)
{
case 'other':
$('#otherType').show();
break;
case 'default':
$('#otherType').hide();
break;
}
});
</script>
Но я не могу это получить. Что мне делать? Благодаря