如何使用 jQuery 在输入字段中添加文本？答案

【问题标题】：How do I add text inside of an input field using jQuery?如何使用 jQuery 在输入字段中添加文本？
【发布时间】：2012-03-18 07:53:29
【问题描述】：

这应该很容易，但似乎没有任何效果。我有一个包含两个参数的 jQuery 函数。第一个参数（pageID）应该被插入到隐藏字段中。它工作正常。我希望将第二个参数插入到 html 输入字段中。也就是说，我想在表单字段中查看参数“pageName”的内容，就好像我刚刚在自己输入的一样。代码如下：

function insertIntoHiddenField(pageID,pageName)
{
    $('input[name=page_id]').val(pageID);
    $('input[name=page_name]').val(pageName);
}

当我查看源代码时，我发现输入标签中的 value 属性包含来自参数'pageName'的值。但是，输入字段本身是空的。我想在输入字段中查看该值。我做错了什么？

顺便说一句，我还尝试了以下方法（但没有成功）：

$('input[name=page_name]').text(pageName);
$('input[name=page_name]').innerhtml(pageName);
$('input[name=page_name]').append(pageName);

【问题讨论】：

你能发帖a demo 来重现这个问题吗？因为您的代码看起来应该可以工作，所以我强烈怀疑正在发生其他事情。

标签： jquery html input

【解决方案1】：

给隐藏元素一个id。只是为了安全起见，请使用.val()

$('#page_name').val('newtext');
$('#page_id').val('newtext');

Demo

但是，您的方法对我来说非常有效。检查here

【讨论】：

这并不是真正安全的一面。这是唯一的一面；）
这如何回答他的问题？
@RoyiNamir，它为他的how to add text 问题提供了一个替代方案，并告诉他他的方法也同时有效。
谢谢！使用 id 而不是 name 属性使其工作。不知道为什么，但它有效！

【解决方案2】：

检查您输入的 html 是否有效，此示例有效。

<input name="page_name" type="text" value="">

$("input[name=page_name]").val() == "" // true
$("input[name=page_name]").val("a")
$("input[name=page_name]").val() == "a" // true

【讨论】：