從輸入複製值和選擇到一個div

我有輸入[文本]，表單中選擇和textarea的，如何克隆或複製數據/值輸入的（類型=文本），請在div或span中選擇textarea，換句話說就是HTML。從輸入複製值和選擇到一個div

而且它不會刷新或重新加載頁面。換句話說，如果我輸入的東西： <input type="text" name="f_name" value="Small john" />

我希望看到一個

<span id="first_name">{here is the value of the field name}</span>

文「小約翰」，或者如果我選擇一個選項形成一個選擇列表，該選項值爲「499」，其內容爲「美國」，那麼我希望美國在span中顯示，例如id =「Country_name」。

我猜它的所有的jQuery/JS完成。所以我做了這個FIDDLE，對於那些想試一試！

來源

2013-10-05 AndrewS

問題要求代碼必須說明問題的一小部分了解所解決的價值。包括嘗試解決方案，爲什麼他們沒有工作，以及預期的結果。 – 2013-10-05 20:04:15

恩，謝謝你的觀點！我現在開始快樂！ – AndrewS

，如果你要選擇的文本

$(this).find('option:selected').val()如果你想選擇價值

Updated Demo

試試這個

$("input[name=f_name]").on('keyup', function() { 
    $('#first_name').html($(this).val()); 
}); 
$("select[name=country]").on('change', function() { 
    $('#Country_name').html($(this).find('option:selected').text()); 
});

使用

$(this).find('option:selected').text()

來源

2013-10-05 20:04:04 Satpal

好吧，很酷的它適用於輸入！但如何讓它選擇？ – AndrewS

是的，但它複製了選擇列表中的所有值，而不是選定列表中的所有值。我對JS很窮，不知道該如何解決。如果你可以的話，謝謝你的巨大幫助 – AndrewS

幹得好！成千上萬的感謝！涼！ – AndrewS

試試這個：

$('button').click(function(){ 
    $('#first_name').html($('input[name=f_name]').val()); 
    $('#Country_name').html($('select[name=country] option:selected').text()); 
});

演示here

這$('input[name=f_name]').val()獲取輸入的值。
這.text()獲取所選選項的文本。
此.val()獲取所選選項的值。

來源

2013-10-05 20:05:29 Sergio

Sergio在正確的軌道上。不幸的是，他沒有完全測試他的解決方案。這一個工程......

http://jsfiddle.net/WLZyn/2

$('button').click(function(){ 
    $('#first_name').html($('input[name=f_name]').val()); 
    $('#Country_name').html($('select[name=country] option:selected').text()); 
});

所以，實際上（對於一些真正奇怪的原因），這...

$('select[name=country] option:selected').text()
獲取所選選項

$('select[name=country]').val()
的文字獲取所選選項

來源

2013-10-05 20:25:03 tobibeer

從輸入複製值和選擇到一個div

回答

相關問題