VAL功能不起作用

Question

我有這兩個行代碼在我看來

var selectProduct = $('#select-product'); 
var hasProduct = '@ViewBag.productName'; 
if (hasProduct != "") { 
    alert(hasProduct); 
    selectProduct.val(hasProduct); 
    alert("Select Product = "+selectProduct.val()); 
} 

，這是選擇產品

 <select id="select-product"> 
     <option>Select a Product</option> 
     </select> 

第一個提醒的HTML - >警報（hasProduct）顯示來自viewbag的正確值，但第二個警報總是顯示value = select product。 有什麼幫助嗎？

Answer 1

我也覺得，你必須在選擇新條目前添加選項列表。試試這個（它在我的瀏覽器中工作）：

$(document).ready(function(){ 
    var selectProduct = $('#select-product'); 
    var hasProduct = 'New Product'; 
    alert(hasProduct); 
    if (hasProduct != "") { 
     alert(hasProduct); 
     selectProduct.append("<option value='"+hasProduct+"'>"+hasProduct+"</option>"); 
     selectProduct.val(hasProduct); 
     alert("Select Product = "+selectProduct.val()); 
    } 
}); 

Answer 2

您可以設置已在select標記中的選項的值。如果您需要設置新值，則需要在該值附加另一個選項。