導軌 - jQuery的動態選擇 - 如何將空白

Question

我有這方面的工作選擇類別後填充產品選擇列表：

jQuery -> 
    $('#request_product_id').parent().hide() 
    products = $('#request_product_id').html() 
    console.log(products) 
    $('#request_category_id').change -> 
     category = $('#request_category_id :selected').text() 
     options = $(products).filter("optgroup[label='#{category}']").html() 
     console.log(options) 
     if options 
      $('#request_product_id').html(options) 
      $('#request_product_id').parent().show() 
     else 
      $('#request_product_id').empty() 
      $('#request_product_id').parent().hide() 

如何使它所以產品的選擇列表includes_blank所以它不是否默認爲表中的第一個值？

謝謝！

Answer 1

您可以使用jQuery的prepend（http://api.jquery.com/prepend/）函數前面加上一個空的選項像如下：

// Create the empty option 
emptyOption = $('<option />').attr('value', ''); 

// Prepend emptyOption to options list 
options = $(products).filter("optgroup[label='#{category}']").prepend(emptyOption).html()