在post wordpress的文本字段(javascript)中显示下拉列表的选定值 [英] Display the selected value of a Drop down list in a text field (javascript) in a post wordpress
本文介绍了在post wordpress的文本字段(javascript)中显示下拉列表的选定值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试在wordpress帖子的文本字段中从下拉列表中显示选定的值.但是代码没有获取值.
I am trying to display the selected value from the drop down list in a text field in a wordpress post. But the code its not fetching the values.
<select name="cmbitems" id="cmbitems"><style type="text/javascript">
var select = document.getElementById('cmbitems');
var input = document.getElementById('txtprice');
select.onchange = function() {
input.value = select.value;
}
</script>
<option value="" selected="selected">Select Country</option>
<option value="£0.0">Ireland</option>
<option value="£2.50">United States</option>
<option value="£2.50">United Kingdom</option>
<option value="£2.50">Afghanistan</option>
<option value="£2.50">Albania</option>
<option value="£2.50">Algeria</option>
<option value="£2.50">American Samoa</option>
<option value="£2.50">Andorra</option>
邮费:
<input type="text" name="txtprice" id="txtprice" onClick="checkPrice()">
推荐答案
您的html语法无效,将script
标记放在select
标记之外,在select标记内应该只有option
标记.
Your html syntax is not valid put script
tag outside select
tag, inside select tag there should be only option
tags.
<script>
var select = document.getElementById('cmbitems');
var input = document.getElementById('txtprice');
select.onchange = function() {
input.value = select.value;
}
</script>
<select name="cmbitems" id="cmbitems">
<option value="" selected="selected">Select Country</option>
<option value="£0.0">Ireland</option>
<option value="£2.50">United States</option>
<option value="£2.50">United Kingdom</option>
<option value="£2.50">Afghanistan</option>
<option value="£2.50">Albania</option>
<option value="£2.50">Algeria</option>
<option value="£2.50">American Samoa</option>
<option value="£2.50">Andorra</option>
</select>
<input id="txtprice" />
这篇关于在post wordpress的文本字段(javascript)中显示下拉列表的选定值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文