將輸入字段從一個複製到另一個？

更新：我與開發商取得了聯繫，他說，使用此代碼作爲基礎：將輸入字段從一個複製到另一個？

(function($) { 

    $('.jr-page').on('keyup','.jrAutoSuggest',function(){ 
     $(".customfield").val($(this).val()); 
    }); 

})(jQuery);

它不會在目前的工作，我不知道爲什麼，但你也可以看到我的原文是在這篇文章下面的更多細節，我感謝你的所有幫助：

我試圖將一個輸入字段複製到另一個用戶鍵入。我想完成這樣的事情：http://jsfiddle.net/bxHQ5/請注意，當您在左側的輸入框中鍵入時，它會複製右側的文本。

更具體地講，在我的網站，我使用this form

我想要的東西，在「汽車製造商」輸入框中輸入用戶類型，因爲他們類型直接被複制到「Testfield」輸入框中。此外，一旦在汽車製造商領域輸入文字，用戶不能刪除或更改「Testfield」輸入框文本。他們都必須完全一樣。

請注意，汽車製造商的輸入字段顯示一個隱藏的輸入，用戶看不到，在這種情況下應該忽略。如果你看一下HTML，汽車製造商輸入如下所示：

<input id="myrelatedfield" class="jrAutoSuggest ui-autocomplete-input acInstructions" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></input>

你會發現我把我自己的客戶ID在那裏被稱爲「myrelatedfield」它需要的文本複製到看起來像這樣的字段，有一個自定義類「jr_testfield」...

<input class="jr_testfield jrText" type="text" data-click2add="0" name="data[Field][Listing][jr_testfield]"></input>

謝謝！

來源

2013-10-08 Ryan Thomas

，你已經嘗試？你沒有代碼顯示你試圖解決這個問題 –

你使其他文本框只讀，所以沒有人可以編輯它..並且它也會複製相同的數據.. http://jsfiddle.net/bxHQ5/382/ – Ashish

你可以在這裏看到我的代碼...道歉不能提前發佈，我感謝你的幫助！ http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/正如你所看到的，它仍然是不工作...也許這是一個jQuery的衝突或什麼？ –

我AVE更新的代碼

看看它

http://jsfiddle.net/vishalgupta358/bxHQ5/383/

$("#EmailAddress").keyup(function(){ 
    $("#Username").val($(this).val()); 
});

來源

2013-10-08 04:23:44 Vishal

'disabled'將使輸入在表單提交時不提交。 'readonly'可能是一個更好的選擇。 – DACrosby

或者您可以嘗試使用'keypress'功能。不同之處在於'按鍵'，因爲當你輸入文本字段時，它會出現在相鄰的文本框中，'keyup'中只有在你釋放密鑰後才能看到內容，所以會有一些延遲。使用適合您需要的東西。 – Pbk1303

感謝您的幫助。我在我的中使用了代碼，它不起作用。也許jQuery的衝突？你可以在這裏看到：http://www.forzazone.com/forza-car-designs-and-paint-jobs/forza-motorsport-4-car-designs-and-paint-jobs/new-listing_c66/ –

使用readonly="true"屬性，以防止寫入access.Input值也將提供當u提交表單

HTML：

<input type="text"id="EmailAddress" name="EmailAddress" value="" > 
<input type="text" id="Username" readonly="true" name="Username" value="">

腳本：

$("#EmailAddress").keyup(function(){ 
    $("#Username").val($(this).val()); 
});

DEMO

來源

2013-10-08 05:32:05

感謝您的幫助！請在上面查看我的帖子以獲取有關此更新的信息。我接觸到了Joomla組件的開發人員，他向我提供了一些需要上面看到的tweeking的代碼。我很感謝你的幫助！ –

將輸入字段從一個複製到另一個？

回答

相關問題