如何使用javascript從組合框中獲取所選項目

Question

需要使用javascript從select元素中檢索所選項目。你

<select id="selected"> 
 
    <option value="Default Request" selected disabled>Default Request Service</option> 
 
    <option value="1">Anti-Virus Support and Services</option> 
 
    <option value="2">CSB - Request and Report Forms</option> 
 
    <option value="3">Email Support and Services</option> 
 
    <option value="4">Hardware Support and Services</option> 
 
</select> 
 
<input id="selected_display" type="text" value="" name="subject">

Answer 1

的解決方案是在下面的代碼。你有2個功能。首先是獲取所選項目的價值或文本。二是用於設定值輸入

你必須添加監聽器上選擇標記，等待選擇的選項

享受的變化

！

function getOption(selector) { 
    return { 
     val: $(selector + ' option:selected').attr('value'), 
     text: $(selector + ' option:selected').text() 
    } 
    }; 

function setItem(toSelector, value) { 
    jQuery(toSelector).val(value); 
} 

var output; 

jQuery('#selected').on('change', function(){ 
    output = getOption('#selected'); 
    setItem('#selected_display', output.val); //change to output.text to show text of selected output 
}); 

https://jsfiddle.net/v4fwxeeu/3/

Answer 2

也許你想用PHP來試試吧：

<form Name="xxxx" class="xxxx" method="post" Action="xxxx"> 
    <select id="selected" Name="selected> 
     <option value="Default Request" selected disabled>Default Request Service</option> 
     <option value="1">Anti-Virus Support and Services</option> 
     <option value="2">CSB - Request and Report Forms</option> 
     <option value="3">Email Support and Services</option> 
     <option value="4">Hardware Support and Services</option> 
    </select> 
</form> 

使用PHP，你可以得到的 「選擇」 值：

<?php 
    $selected = $_POST['selected']; 
    echo $selected; 
?>