2015-02-08 39 views
0

我想顯示/隱藏選擇列表(如果有值)的更改div,但點擊和更改事件不管用。這裏的HTML源代碼: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

編輯根據您下面的評論:這個代碼將檢查所選的值不是默認,如果是的話顯示「部分文字」分區:

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

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

    }); 

Fiddle

+0

它正在工作,但是當我選擇「請選擇」和其他值有時它不工作。爲什麼? @Fiddle – Newmaster 2015-02-08 09:52:58

+0

@Newmaster我專門做了這個,當你選擇「請選擇」它不會改變,我以爲你想這樣說,當你說:'(如果有價值)' – 2015-02-08 09:53:45

+0

@Newmaster你是否希望它改變無論您選擇哪個選項? – 2015-02-08 09:54:13