如何克隆/複製一個輸入內的多個輸入值

我希望JAVASCRIPT複製/克隆4或5個輸入字段的值時，在其中輸入內容到一個單一的輸入。

這是必須收集所有值的輸入：

<input type="hidden" id="mainInput" name="main" value="" />

這是剩下的輸入

<input type="text" id="input1" name="input1" value="info1" /> 
<input type="text" id="input2" name="input2" value="hello World" /> 
<input type="text" id="input3" name="input3" value="my SECOND" /> 
<input type="text" id="input4" name="input4" value="sure!" />

所以在最後一步，其結果必然是這樣的：

<input type="hidden" id="mainInput" name="main" value="info1hello Worldmy SECONDsure!" />

PS必須在沒有任何提交按鈕的情況下發生......在JS中有一個選項叫做onFocus。

那麼有什麼想法？

來源

2014-03-25 Andrei

我們不做功課這裏。 – HerrSerker

從JS事件處理程序開始 - 你已經知道你需要哪一個'onfocus' – tymeJV

:)不錯的嘗試！那不是功課！ – Andrei

$('input[type="text"]').keydown(function() { 
    $('#mainInput').val($('#input1').val() + $('#input2').val() + $('#input3').val() + $('#input4').val()) 
})

jsFiddle example

來源

2014-03-25 14:41:23 j08691

$('input[type="text"]').change(function() { 
    $('#mainInput').val($('#input1').val() + $('#input2').val() + $('#input3').val() + $('#input4').val()); 
})

來源

2014-03-25 14:43:13 Aditzu

你可以試試這個方法，並能正常工作的jsfiddle

<input type="text" class="testvalues" id="input1" name="input1" value="info1" /> 
<input type="text" class="testvalues" id="input2" name="input2" value="hello World" /> 
<input type="text" class="testvalues" id="input3" name="input3" value="my SECOND" /> 
<input type="text" class="testvalues" id="input4" name="input4" value="sure!" /> 
<input type="hidden" id="mainInput" name="main" value="" /> 

$('.testvalues').on('keyup',function(){  
     var txtfirst=$('#input1').val(); 
     var txtsecond=$('#input2').val(); 
     var txtthird=$('#input3').val(); 
     var txtfourth=$('#input4').val(); 

     $('#mainInput').val(txtfirst +" "+ txtsecond +" "+ txtthird +" "+ txtfourth); 

});

看小提琴在http://jsfiddle.net/HGu5M/22/

來源

2014-03-25 14:53:44

如何克隆/複製一個輸入內的多個輸入值

回答

相關問題