baddhidurgarao Ответов: 1

Как отображать введенные пользователем значения в текстовое поле значение значение textarea в textarea с


У меня проблема, пожалуйста, помогите мне. Я хочу получить от пользователей два значения: одно-идентификатор, а второе-название страны, и отобразить его со значением textarea.

<html>
<head>
<title>Print User Entered Details in Textarea Field</title>
</head>
<body>
<form action="">
<input type="text" name="id" />
<select id="cname" name="cname">
<option value="0">Select a country name</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
 </select>
 <textarea name="iframe" id="iframe" class="form-control" rows="2">
You id is (display user entered id). Your Country is (display user selected country).
</textarea>
<input type="submit" name="submit" />
</form>
</body>
</html>


Что я уже пробовал:

Понятия не имею! Пожалуйста, решите мою проблему, умоляю вас.

1 Ответов

Рейтинг:
6

jsc42

Вам нужно поместить событие onchange в поля, которые вы используете в качестве входных данных, и функцию, которая считывает значения в полях, когда триггер onchange является триггером, который собирает введенные значения и соответственно создает содержимое текстовой области.

Простой пример был бы примерно таким ...

<html>
<head>
<title>Print User Entered Details in Textarea Field</title>
</head>
<body>
<form action="">
<input type="text" name="id" onchange="fillInTextArea(this);" />
<select id="cname" name="cname" onchange="fillInTextArea(this);"/ >
<option value="0">Select a country name</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
 </select>
 <textarea name="iframe" id="iframe" class="form-control" rows="2">
You id is (display user entered id). Your Country is (display user selected country).
</textarea>
<input type="submit" name="submit" />
</form>

<script>
function fillInTextArea(formField)
{
	var	form = formField.form;	// Get the form that the changed field is in
	var	selectedIndex	= form.cname.selectedIndex;	// Item no in drop-down list. -1 = no selection, 0 = Select a country name, > 0 = country option
	form.iframe.value	= 
		"Your id is " + 
		(form.id.value.length ? form.id.value : "not specified") +	// Values in text field or 'not specified' if text field is empty
		". Your country is " + 
		(selectedIndex > 0 ? form.cname.options[selectedIndex].text : "not defined") + 	// Option text in cnasme or 'not selected' if no value selected
		".";
}
</script>

</body>
</html>


П. С. звоню в форме поле 'элемент iframe' не является хорошей идеей, поскольку люди будут ожидать, что элемент под названием 'элемент iframe', чтобы быть элементом, полевая форма.