使用Jquery将文本插入到输入框/文本区域

Question

<div class="ctrlHolder">
<label for="" id="name.label">Name</label>
<input name="name" id="name" type="text" class="textInput small" />
<p class="formHint">The name of the item you are submitting</p>
</div>

我该如何在输入框中插入预定义文本？我希望这个功能在用户双击标签元素时激活。

$('#name.label').dblclick(function(){
    $('#name').val('some text');
});

- Ambo100

---

我会谨慎地使用点作为元素标识符，因为它们可能会让jQuery选择器感到困惑：#name.label匹配同时具有id="name"和class="label"的元素。 - Aleksi Yrttiaho

Answer 1

点击这里查看这个示例

你可以使用.text("你预定义的文本")来替换一个元素的文本内容。

- Rafay

---

谢谢你提供的例子。不过，我想改变输入元素的值而不是标签。当我尝试时似乎不起作用。 - Ambo100

当标签被双击时，而不是输入。 - Ambo100

在示例中它运行良好。但我无法让它在我的网站上工作：http://tinyurl.com/6gcwkg2 - Ambo100

将文本插入输入框内： $("#inputID").val("theText"); - Bashar Abu Shamaa

Answer 2

$('#name.label') 会让 jQuery 查找一个 id 为 "name"，class 为 "label" 的元素。如果您将标签的 id 改为类似于 "name-label" 的名称，我相信上面的代码应该可以正常工作。

- Colin O'Dell