我們可以得到使用jQuery「動態選項值」

Question

我想要顯示的下降值文本選擇菜單的slected文本的選擇，但事實是這些值是動態的，什麼是接近正確的方式，而現在只有編號價值即將到來。

<div class="form-group"> 
    <select class="wp-form-control" id="joblocation" name="joblocation"> 
     <option value="0">Select Job Location</option> 
     <?php $City = $conn->query("SELECT * FROM tbl_cities ORDER BY city_pid ASC"); 
      while ($Cityresult = $City->fetch_assoc()) {?> 
      <option value="<?php echo $Cityresult['city_pid']; ?>"> <?php echo $Cityresult['city_name']; ?> </option> 
     <?php } ?> 
    </select> 
</div> 

和文字：

var joblocation = $('#joblocation').find(":selected").text(); 
$("#joblocation1").html(joblocation); 

，我想在這裏展示的下拉列表中選擇文本：

<span id="joblocation1"> </span> 

Answer 1

試試下面的代碼：

//This is for debugging and will show you the selected option object in console 
console.info($("#joblocation option:selected")); 

$("#joblocation1").html($("#joblocation option:selected").text()); 

Answer 2

你可以試試這個

var optionText = $("#joblocation option:selected").text() //gets you the text from the selected option 

，然後將變量添加到跨度像這樣：

$("#joblocation1").text(optionText);