显示一个下拉列表的选定值在一个文本字段(javascript)在一个post wordpress

Display the selected value of a Drop down list in a text field (javascript) in a post wordpress

本文关键字：一个 字段 文本 post wordpress javascript 下拉列表 显示      更新时间：2023-09-26

我试图在wordpress帖子的文本字段中显示从下拉列表中选择的值。但是代码没有获取值

<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标签外面，在选择标签里面应该只有option标签

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

当你的下拉值改变时，它将改变输入字段值中的值。您可以执行以下代码:

<script>
   function getValue(value) {
    alert(value);
    $('#txtprice').val(value);
  }
</script>
<select name="cmbitems" id="cmbitems" onchange="getValue(this.value)">
  <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" />

你在第一行的脚本开始有一个错误:

<select name="cmbitems" id="cmbitems"> <**style** type="text/javascript">

尝试使用正确的脚本标签而不是

 <**style** type="text/javascript">
 <**script** type="text/javascript">
相关文章：