Question

我要比以前更加努力，所以我从一开始就停止并开始。

我想使用jquery为客户端自动填充url字段。

当客户在信息中输入时，我想自动填充完整网址字段

例如： 当他们开始输入http://www.yahoo.com/finance时（我希望在完整网址字段中输入每个字母时显示）然后我需要输入 URL1 字段中的输入，然后输入每个字母然后这个?cid=(lz)washcom(tz) [我只会把它放在变量中] 然后来自 url2 字段

的值

网址= http://www.yahoo.com/finance
url1 = tracer
url2 = tracer_long_shore
$ holdVar =？cid =（lz）washcom（tz）

在所有这些结束时，完整网址字段将显示为：

http://www.yahoo.com/finance/tracer?cid=(lz)washcom(tz)tracer_long_shore

当然，如果他们从字段中删除任何数据，我希望它从完整网址字段中清除

有谁知道如何做到这一点：

jsFiddle here： http://jsfiddle.net/justmelat/YWZPR/

HTML代码示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="1" width="85%">
<tr>
<td>Center Name:</td>
<td><input id="ctrName" type="text" /></td>
</tr>
<tr>
<td>URL:</td>
<td><input id="mainURL" type="text" /></td>
</tr>
<tr>
<td>url1 / url2:</td>
<td><input id="url1" type="text" size="15" /> / <input id="url2" type="text" size="15" /></td>
</tr>
<tr>
<td>Complete URL:</td>
<td><input id="completeURL" type="text" /></td>
</tr>
</table>
</body>
</html>

Answer 1

我认为this updated fiddle正是您所寻找的。我对所有的排序和东西都不太清楚，但是这会完成你想做的事吗？

我添加了这个jQuery代码：

$("input").keyup(
  function(){
        $("#completeURL").val($("#mainURL").val() + "/" + $("#url1").val() + "/?cid=(lz)washcom(tz)" + $("#url2").val());
    }
);

每次keyup时，它都会创建正确的字符串。如果我理解你想要正确完成的事情，请告诉我。

jquery使用构造的url自动填充字段

1 个答案: