在post wordpress的文本字段(javascript)中显示下拉列表的选定值 [英] Display the selected value of a Drop down list in a text field (javascript) in a post wordpress

问题描述

我正在尝试在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屋！