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