jquery - jQuery中的val函数不起作用

Question

我认为那两行代码

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

这是选择产品的 HTML

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

第一个警报 -> alert(hasProduct) 显示来自 viewbag 的正确值，但第二个警报始终显示 value = select a 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标签中已经存在的选项的值。如果需要设置新值，则需要在该值后面附加另一个选项。