jQuery的 - 在選擇控制觸發更改事件 - 不能確定價值後

Question

我有以下的jQuery代碼：

$("#ruletypes").change(function() {       
        var selectedtype = this.value;     
        var url 
        if (selectedtype == 1) { 
         url = url1; 
        } 
        else { 
         url = url2; 
        }      
        $.getJSON(
          url, 
          function(data) { 
           data = $.parseJSON(data); //converting to a javascript object vs. just string....         
           if (data !=null){ 
             //remove everything in current list. 
             $('#contact_types') 
               .find('option') 
               .remove() 
               .end()      
             //loop through results and add each one  
             $.each(data, function(i) { 
              $('#contact_types') 
               .append($("<option></option>") 
               .attr("value",this.id)             
               .text(this.description)); 

            }); //end .each        
           }//end if 
          }//end function(data) 
       );//end getJSON.  

       //set default values for contact type 
       if (selectedtype == 1) {     
        $('#contact_types').val(2).change(); 
       } 
       else { 
        $('#contact_types').val(1).change(); 
       } 
    });//end ruletypes.change 

$("#contact_types").change(function() { 
    var selectedtext = $("#contact_types option:selected").html(); 
    alert("select value of contact type is" + selectedtext); 
    alert(this.value); 
}); 

我的問題/問題是，一旦我programmtically觸發了contact_types選擇框更改事件，我似乎無法確定值是什麼.. 我有兩個警報語句分別返回undefined和null。

我也嘗試過.text（）。

你能告訴我我的錯誤在哪裏嗎？我需要能夠確定contact_types中當前選定項目的值。

謝謝。

Answer 1

那麼，您應該使用this.value通過onchange事件獲取當前選定的值。修正了明顯的語法錯誤（未聲明的變量，缺少)}等）：

$("#ruletypes").change(function() { 
    var selectedtype = this.value; 
    if (selectedtype == 1) { 
     $('#contact_types').val(2).change(); 
    } else { 
     $('#contact_types').val(1).change(); 
    } 
}); 

$("#contact_types").change(function() { 
    var selectedtext = $("#contact_types option:selected").html(); 
    alert("select value of contact type is" + selectedtext); 
    alert(this.value); 
}); 

演示：http://jsfiddle.net/fgQt3/

Answer 2

您可以使用下列內容：

$("#contact_types").bind('change', function(e) { 
alert(e.target.options[e.target.selectedIndex].text); 
}); 

或簡單地使用：alert($(this).val());這種變化事件中。