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>

第一个提醒 - ＆gt; alert（hasProduct）显示来自viewbag的正确值，但第二个警报始终显示为value =选择产品。有什么帮助吗？

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

jQuery中的val函数不起作用

2 个答案: