2010-10-25 26 views
5

tôi dường như không thể làm việc này có vẻ như nó nênjQuery thay đổi chức năng không làm việc

$('.titleother').change(function() { 

if ($('.titleother').val() == 'Other') { 
    ​$('.hiddentext').css('display','block') 
}​​​ 

}) 

Đối với HTML này

<select class="titleother">​ 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="Other">Other</option> 
</select> 

<p class="hiddentext" style="display:none">TEXT</p> 

Bất kỳ ý tưởng?

+0

Chắc chắn nó không phải là [việc] (http://jsfiddle.net/amuec/)? – jensgram

+1

Nó có vẻ không hiệu quả đối với tôi? –

+1

thay cho if ($ ('. Titleother'). Val() == 'Khác') $ ('. Hiddentext'). Css ('display', 'block') cách tốt hơn là: $ ('.hiddentext'). toggle ($ (this) .val() == 'Khác'); – Floyd

Trả lời

13

này làm việc cho tôi sử dụng Chrome:

$(function(ready){ 
    $('.titleother').change(function() { 
     if ($(this).val() == 'Other') { 
      $('.hiddentext').show(); 
     } 
    }); 
}); 

http://jsfiddle.net/amuec/11/

(đang Darin đã không làm việc cho tôi trong hai)

+0

Cảm ơn bạn đã làm việc cho tôi –

5

Hãy chắc chắn rằng bạn đặt này trong $(document).ready để DOM đã sẵn sàng khi bạn đính kèm các .change() handler:

$(function() { 
    $('.titleother').change(function() { 
     if ($(this).val() == 'Other') { 
      ​$('.hiddentext').show(); 
     }​​​ 
    }); 
}); 
+0

Có vẻ như không hoạt động http://jsfiddle.net/ExtWV/1/ –

+0

Fiddle đó có hiệu quả với tôi không? Bạn có chắc bạn đã bật javascript không? – Alex

+0

Yea chắc chắn đã bật javascript - Tôi đang sử dụng Safari trên Mac - nhưng cũng đã dùng thử trên Chrome và nó không hoạt động –

4

Tôi nghĩ rằng bạn đang thiếu ;
Check here

+0

Điều đó không hoạt động? –

+0

Bạn có gặp bất kỳ lỗi nào không? Tôi đã thử nghiệm trong firefox.Its làm việc tốt cho tôi. – svk

+0

Bạn đang tìm kiếm khi nào 1 và 2 được chọn, nó cần phải được ẩn? – svk

Các vấn đề liên quan