Перенести значение из выпадающего в текстовое поле

0

Как я могу вставить значение в текстовое поле из выпадающего списка? Мне нужно только выбрать поле и отобразиться в текстовом поле, не редактируя его.

     <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>
Теги:

3 ответа

0
Лучший ответ

Следите за своим синтаксисом HTML, или все ставки отключены.

<select id="dropdown">
    <option value="whatevs">You heard</option>
</select>
<input type="text" id="textbox">

$('#dropdown').on('change',function() {
    $('#textbox').val($(this).val());
})
1

что-то вроде этого будет работать

<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());
});
0

Закройте тег select и укажите все атрибуты. Отбросьте поле ввода и его абзац вне элемента select. Назначьте идентификатор в поле ввода для упрощения выбора (я использовал text). После этого попробуйте что-то вроде этого:

$('#money').change(function(){
    $('#text').val($('#money).val());
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню