Javascript 如何使用jQuery和其他文本框在文本框中显示文本？

我有一个表单，其中有三个字段：Title、Slug和URL

我有一个插件，可以将标题字段中输入的文本转换为slug。（例如，如果我键入“Joe Bloggs Goes On Holiday”，则在slug字段中显示为“Joe Bloggs Goes On Holiday”）

我现在需要做的是，获取slug字段中的信息，并将其添加到我的URL字段中。在URL字段中，已经存在文本（通常为“/mainpage/”，但这取决于正在创建的页面类型）。因此，在URL字段中，我将使用“/mainpage/joebloggs去度假”

我怎样才能做到这一点

Cheers

您可以使用该方法获取和设置字段的值：

var urlField = $("#urlField");
urlField.val(urlField.val() + $("#slugField").val());

---

您可以使用jQuery append或concatate值：

以前的

$('textarea').append($('slug').val());

$('textfield').val($('textfield').val + $('slug').val());

后者

$('textarea').append($('slug').val());

$('textfield').val($('textfield').val + $('slug').val());

使用

HTML

Slug: <input id="slug" value="joe-bloggs-goes-on-holiday" /><br />
URL: <input id="url" value="/mainpage/" /><br />
Result: <input id="result" />

---

这是一个例子。

这两个都不起作用。首先，

append

用于向元素添加内容，而不是追加到字符串。其次，

在第二个示例中，此

不太可能是您期望的文本字段。您对

此

的看法是正确的，这是一个错误，已得到纠正。第一种方法是假设他正在使用文本区域并试图添加内容。同意。我把这个问题理解为

input type=“text”

而不是

textarea

，但它不是很清楚。詹姆斯：请注意，如果您这样编写代码，您可以使用它：

（'textfield'）.val（函数（）{return$（this）.val+$（'slug'）.val（）；}）。JSFIDLE具有正确的代码，但未设置为事件。代码是有效的，只是小提琴没有做任何事情，我认为。你的JSFIDLE没有做任何事情，因为你包含的库被设置为mootools，使用@krischouw，谢谢你的提醒。我更新了链接-第一次迭代是引入MooTools，而不是jQuery…这是可行的，但必须添加另一个包含序言“/mainpage/”的变量。因此，在我的示例中，我添加了var mainpageField=$（“urlField”）.val（“/mainpage/”）；，然后是第二个urlField.val（），我将其替换为mainpageField.val（）。谢谢：）