2012-10-26 71 views
0

我做得比它要困難得多,所以我停下來並從頭開始。jquery使用構造的url自動填充字段

我想使用jquery自動填充客戶端的url字段。

由於在信息的客戶端類型,我想autopop的完整的URL

例如:當他們開始打字http://www.yahoo.com/finance (我想,要出現,因爲每個信打,在完整的URL場) 然後我需要從URL1字段輸入要添加的每個字母是進入然後 那麼這?cid=(lz)washcom(tz)[我只是堅持這一個變量] 然後從URL2字段

在所有這些末尾完整的URL字段將顯示爲:

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

,如果他們從田野中刪除任何數據,我希望它從完整的URL字段清除

不要任何人知道如何做到這一點:這裏

的jsfiddle: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> 

回答

1

我認爲this updated fiddle是你在找什麼。我對所有的訂購和東西都有點不清楚,但是這是否能夠完成您正在嘗試做的事情?

我加入這個jQuery代碼:

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

它只是創建了正確的字符串,每次你keyup。如果我理解你正在努力完成的任務,請告訴我。

+0

令人驚歎 - 特別是你知道我使用了多少代碼 - 這是行不通的。謝謝!!!!! – user1176783