如何使用jQuery在输入字段中添加文本?

时间:2012-03-18 07:53:30

标签: jquery html input

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

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

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

顺便说一下,我也试过(没有成功)以下内容:

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

2 个答案:

答案 0 :(得分:2)

向隐藏元素提供id。为了安全起见并使用.val()

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

Demo

但是,您的方法对我来说非常适合。查看here

答案 1 :(得分:0)

检查您的输入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