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

关闭select标记并引用所有属性。将输入框及其段落放在select元素之外。将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());
})

将值从下拉列表传输到文本框

3 个答案: