jquery - 将值从下拉列表转移到文本框

Question

如何从下拉列表中将值插入文本框中？我只需要选中该框并出现在文本框中，无法编辑。

     <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>

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

Answer 2

关闭选择标签并引用所有属性。将输入框及其段落放在选择元素之外。为输入框分配一个 id 以便于选择（我使用了text）。之后，尝试这样的事情：

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

Answer 3

注意你的 HTML 语法，否则所有的赌注都没有了。

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

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