Zeigen Sie den ausgewählten Wert einer Dropdown-Liste in einem Textfeld (Javascript) in einem Post-WordPress an

Ich versuche, den ausgewählten Wert aus der Dropdown-Liste in einem Textfeld in einem WordPress-Beitrag anzuzeigen. Aber der Code holt die Werte nicht.

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

Portogebühr:

<input type="text" name="txtprice" id="txtprice" onClick="checkPrice()">

Ihre HTML-Syntax ist ungültig script draußen markieren select Tag, innerhalb des ausgewählten Tags sollte nur sein option Stichworte.

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

Immer wenn sich Ihr Dropdown-Wert ändert, ändert sich der Wert im Eingabefeldwert. Sie können den folgenden Code durchlaufen:

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

Sie haben einen Fehler beim Skriptstart in der ersten Zeile:

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

Versuchen Sie, das richtige Skript-Tag anstelle von zu verwenden

 <**style** type="text/javascript">
 <**script** type="text/javascript">