jquery val（）實現

Question

我有一個dyamically加載的形式，必須「預填充」的一些數據。預填充我的意思是必須預先選擇select option或input type="radiobutton"。

當然，我使用jQuery ...

我很困惑，因爲我預計.val()功能屬性selected="selected"添加到option元素，但事實並非如此。

它是如何工作的呢？它改變了DOM中的某些東西，但我無法在Firebug中找到這種變化...

通常，我不會在乎細節，但是我在玩Selenium測試，並且想要做一個測試來檢查如果select option按預期方式預選，並且因爲它沒有設置selected="selected"我想知道如何測試它？

Answer 1

使用ATTR：（ 「選擇」， 「選擇」）

或

.attr

<script> 

    $("select").change(function() { 
      var str = ""; 
      $("select option:selected").each(function() { 
       str += $(this).text() + " "; 
       }); 
      $("div").text(str); 
     }) 
     .trigger('change'); 
</script> 

Answer 2

可以使用新的jQuery .prop（docs）功能來設置或測試元素上的屬性。

Answer 3

它是如何工作呢？

這裏是源代碼：

jQuery(elem).find("option").each(function() { 
    this.selected = jQuery.inArray(jQuery(this).val(), values) >= 0; 
}); 

https://github.com/jquery/jquery/blob/255460e4836e86b86f48dd5b7d2a2cbf3f996de2/src/attributes.js#L273

以上，this是option DOM節點，所以你很接近。它設置selected屬性，而不是selected屬性。