Как я могу вставить значение в текстовое поле из выпадающего списка? Мне нужно только выбрать поле и отобразиться в текстовом поле, не редактируя его.
<form method="post" action="/{{site | url.encode}}/checkout">
<input type="hidden" name="oneitem">
<input type="hidden" name="name" value="Online Bill Pay">
<input type="hidden" name="merchant" value="{{site}}">
<select name=amount id="money">
<option value="50.00">FACEBOOK $50.00</option>
<option value="100.00">FACEBOOK $100.00</option>
<p>
<input name="amount" value="money" size="5">
</p>
Следите за своим синтаксисом HTML, или все ставки отключены.
<select id="dropdown">
<option value="whatevs">You heard</option>
</select>
<input type="text" id="textbox">
$('#dropdown').on('change',function() {
$('#textbox').val($(this).val());
})
что-то вроде этого будет работать
<select id="testSelect">
<option vale="Test1">Test</option>
<option value="Test1">Test 1</option>
</select>
<input type="text" id="testtextbox"/>
Javascript
$('#testSelect').on('change',function() {
$("#testtextbox").val($(this).val());
});
Закройте тег select и укажите все атрибуты. Отбросьте поле ввода и его абзац вне элемента select. Назначьте идентификатор в поле ввода для упрощения выбора (я использовал text
). После этого попробуйте что-то вроде этого:
$('#money').change(function(){
$('#text').val($('#money).val());
});