將表單元素添加到一個表單元素

Question

好吧，

可以說我正在創建表單。而其地址表單，表單元素這樣：

field 1/house number 
field 2/street name 
field 3/suburb 
etc etc etc 

，並在表格填寫人,:

1 
smith street 
townsville 

我想要什麼（類似堆棧溢出生活形式） 是另一種形式的元素，中傳播表單字段項生活，但與文字代替空格：

所以它看起來像：1+snith+street+townsville

隨着海在最後的rch按鈕。然後觸發我們已經完成的腳本的其餘部分，它基本上抓取地址的緯度和長度，並顯示一個gmap。

這基本上就是這樣，但我們需要所有這一切都發生在表單上，​​並在提交之前。

任何幫助讚賞，都問了其他幾個地方。沒有喜悅，但總是使用StackOverflow .. 感謝Ozzy

Answer 1

$('#my_form input').change(function() { 
    var new_text = ''; 
    $('#my_form input').each(function() { 
    new_text += $.trim($(this).val()).replace(' ', '+') + '+'; 
    }); 
    $('#my_display').val(new_text); 
}); 

Answer 2

這裏的東西，可能工作。 。 。

 
$(document).ready(function(){ 

    $('body').live('keypress', function (event) { 

    if ($(event.target).hasClass('form-element')) { 
     var text; 
     $('#yourform input.form-element').each(function() { 
     text += $(this).attr('value') + '+'; 
     }); 

     $('#yourtargetelementthatwillholdallthenames').attr('value', text.substring(0,text.length - 1)) 
    } 

    }); 

}); 

我還沒有在瀏覽器中試過這個，但給它一個鏡頭。它可能需要針對您的需求進行調整。

Answer 3

如果您提交此一搜索，使用encodeURIComponent()代替你需要編碼，這樣一切：

$("#form1 input[type=text]").bind("keyup change", function() { 
    var vals = $("#form1 input[type=text]").map(function() { return this.value; }); 
    $("#otherField").val(encodeURIComponent(vals.join(" "))); 
});