2015-02-08 7 views
0

Я пытаюсь показать/скрыть div при изменении списка выбора (если имеет значение), однако событие click и change не работает независимо от того. Вот исходный код:JQuery даже при выборе

<select name="iam" id="iam"> 
    <option value="">Please Select</option> 
    <option value="1">Student</option> 
    <option value="2">Teacher</option> 
    <option value="3">Prof</option> 
</select> 

<div id="look"> Some text </div> 



$(document).ready(function(){ 
    $('#iam').val().on('blur change selected', function() { 
      $('#look').show(); 
     } else { 
      $('#look').hide(); 
     } 
}); 

ответ

2

Отредактировано в соответствии с вашим комментарием ниже: этот код будет проверять, если выбранное значение не по умолчанию, и если это так показать «Некоторые текст» DIV:

if (!$("#iam").val()) { 
    $('#look').hide(); 
} 

$('#iam').on('change', function() { 
     if ($(this).val()) { 
      $('#look').show(); 
     } 
     else { 
      $('#look').hide(); 
     } 

    }); 

Fiddle

+0

он работает, но когда я выбираю «Пожалуйста, выберите» и другие значения, иногда он не работает. Зачем? @Fiddle – Newmaster

+0

@Newmaster Я специально сделал это, когда вы выберете «Пожалуйста, выберите», это не изменится, я думал, что вы так хотели, когда вы сказали: '(if имеет значение)' –

+0

@Newmaster Вы хотите, чтобы это изменилось независимо от того, какой вариант вы выберете? –

Смежные вопросы