JQuery將值選擇到變量中

Question

我已經查看了所有內容，並找不到爲什麼此代碼無法正常工作。

http://jsfiddle.net/kCLxJ/

當下拉被設置爲值「3」或「4」，那麼另一字段應該彈出下拉列表的下方。 任何想法？

Answer 1

Fixed Working Version

首先，你需要調用.val()就像是指出。

var val = $('#event_options_id option:selected').val(); 

然後根據選擇您使用您需要使用parseInt()在VAL使它一些像這樣

if ($.inArray(parseInt(val,10), arr) > -1) { 

您還定義你的陣列時，有一個額外的逗號。

完整的工作守則

$(document).ready(function() { 

    $('#event_options_id').change(function() { 

     $('.container_add_form').remove(); 

     var val = $('#event_options_id option:selected').val(); 
     var arr = [3, 4]; 

     if ($.inArray(parseInt(val,10), arr) > -1) { 
      $('<input type="hidden" name="age_required" id="age_required" value="yes" /><div class="container_add_form"><p class="text_content">Please enter your age for grouping purposes.<br /><input name="age" type="text" id="age" size="3" /></p></div>').fadeIn('slow').appendTo('.add_form'); 
     } 
    }); 
});​ 

Answer 2

jsFiddle

更改此：

var val = $('#event_options_id option:selected').html(); 

要：

var val = $('#event_options_id').val(); 

Answer 3

1）使用.val()代替.html()獲得期權的價值。

2）您正在比較字符串值與數組中的數字，這將始終失敗。

http://jsfiddle.net/kCLxJ/4/

var val = $('#event_options_id option:selected').val(); 
var arr = ['3', '4']; 

Answer 4

我更新了你的代碼：http://jsfiddle.net/kCLxJ/7/

$(document).ready(function() { 

    $('#event_options_id').change(function() { 

     $('.container_add_form').remove(); 

     // you used .text() but should've used .val() 
     var val = $('#event_options_id option:selected').val(); 
     var arr = [3, 4]; 

     /* 
      another problem was that you didn't parse the value into an integer 
      but you were comparing the value to an array of integers 
     */ 
     if ($.inArray(parseInt(val), arr) > -1) { 
      $('<input type="hidden" name="age_required" id="age_required" value="yes" /><div class="container_add_form"><p class="text_content">Please enter your age for grouping purposes.<br /><input name="age" type="text" id="age" size="3" /></p></div>').fadeIn('slow').appendTo('.add_form'); 
     } 
    }); 
}); 

Answer 5

更改這些行。

var val = $('#event_options_id option:selected').val(); 
    var arr = ["3", "4"]; 

要獲得組合框的值，必須使用'val（）'而不是'html（）'。 而你必須將數組的元素更改爲字符串。 變量val是一個字符串。 inArray將嘗試將該元素查找爲字符串，而不是整數。