У меня есть форма с вводом [текст], select и textarea, клонирование или копирование данных/значений ввода (тип = текст), выбор, textarea в div или span, другими словами, в HTML.
И это должно произойти без обновления или перезагрузки страницы. Другими словами, если я напечатаю что-то в: <input type="text" name="f_name" value="Small john"/>
Я хочу увидеть текст "Маленький Джон" в
<span id="first_name">{here is the value of the field name}</span>
или если я выбираю вариант формы списка выбора, и этот параметр имеет значение id "499", а его содержимое "США", то я хочу, чтобы США отображалось в диапазоне, например, с id = "Country_name".
Я предполагаю, что все это сделано с jquery/JS. Поэтому я сделал это FIDDLE, для тех, кто хотел бы попробовать!
Попробуй это
$("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()
если вы хотите выбрать текст$(this).find('option:selected').val()
если вы хотите выбрать значениеСерджио был на правильном пути. К сожалению, он не совсем испытал его решение. Это работает...
$('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()
получает значение выбранного параметра
Попробуй это:
$('button').click(function(){
$('#first_name').html($('input[name=f_name]').val());
$('#Country_name').html($('select[name=country] option:selected').text());
});
Демо здесь
Этот $('input[name=f_name]').val()
получает значение ввода.
Этот текст .text()
получает текст выбранной опции.
Этот .val()
получает значение выбранного параметра.