如何使用jQuery和另一个文本框在文本框中显示文本？

Question

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

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

我现在需要做的是获取slug字段中的信息并将其添加到我的URL字段中。 在URL字段中，已经有文本（通常是“/ mainpage /”，但这取决于正在创建的页面类型）。 所以在URL字段中我会有“/ mainpage / joe-bloggs-going-on-holiday”。

我怎样才能做到这一点？

干杯

Answer 1

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

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

Answer 2

你可以使用jQuery append，或者将值整合：

前任的

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

后者

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

Answer 3

使用jQuery的val()方法 。

HTML

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

JavaScript的

var $urlObj = $("#url");
$("#result").val($urlObj.val() + $("#slug").val());

这是一个有效的jsFiddle 。