Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将值从下拉列表传输到文本框_Jquery_Html - Fatal编程技术网

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

Jquery 将值从下拉列表传输到文本框,jquery,html,Jquery,Html,如何从下拉列表中在文本框中插入值?我只需要选择框并显示在文本框中,而无法编辑 <form method="post" action="/{{site | url.encode}}/checkout"> <input type="hidden" name="oneitem"> <input type="hidden" name="name" value="Online Bill Pay">

如何从下拉列表中在文本框中插入值?我只需要选择框并显示在文本框中,而无法编辑

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

FACEBOOK$50.00
FACEBOOK$100.00


关闭选择标记并引用所有属性。将输入框及其段落放置在select元素外部。为输入框指定一个id以便于选择(我使用了
text
)。之后,尝试以下方法:

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

注意你的HTML语法,否则一切都完了

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

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

你听到了吗
$('#下拉列表')。在('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"/>

您的HTML无效,
select
不能包含类似以下内容的
p
$('someInputElement').val($('someSelectElement').val())
$('#testSelect').on('change',function() {
    $("#testtextbox").val($(this).val());
});