jquery - 为什么我不能使用 .val() 更改此输入的值？

Question

我正在尝试更改此禁用输入的值。我想也许它被禁用的事实是问题，所以我手动删除了 disabled 属性（以防你想知道为什么它不再在屏幕截图中被禁用）。见下图：

从控制台返回的内容来看，它似乎正确地选择了输入，但输入的值仍然为空白，即使启用了输入也是如此。我究竟做错了什么？

Answer 1

我可以告诉你我也遇到过类似的问题，并且已经通过使用 jQuery 的 attr 方法解决了这些问题。它可以将任意 HTML 属性设置为您想要的任何内容。在这里查看更多信息：http: //api.jquery.com/attr/

Answer 2

我认为您正在寻找.prop()而不是.val()

Answer 3

不确定页面的其余部分是什么样子，但我可以看到您正在嵌套表格 - 可能会导致混淆和意外结果，尤其是隐藏的嵌套表格。当用户单击时，您是否要显示隐藏的表格add-btn？如果是这样，为什么不通过在单击事件中查找文本按钮来获取文本按钮，相对于单击的按钮？

$(".add-btn").click(function(evt){
    var product = getProductNameSomehow(); // Up to you

    var newContainer = $(this).siblings("table").find(".new-row-html");
    newContainer.find("input.product").val(product);

    evt.preventDefault();
    return false;
});

您可以使用 改进和概括此示例侦听器$(...).on("click", ...)。.a-btn可能会更好作为 a ，<button type="button">Add</button>也许样式为 link，如果这是你想要的，所以你不必担心停止点击事件。