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标记中的选项的值。如果您需要设置新值，则需要在该值附加另一个选项。