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

时间:2011-09-21 16:57:32

标签: javascript jquery

我有一个表单,其中有三个字段: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”。

我怎样才能做到这一点?

干杯

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

你可以使用jQuery append,或者连接值:

<强>前任

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

<强>后期

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

答案 2 :(得分:0)

使用jQuery's val() method

<强> 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());

这是a working jsFiddle