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つの機能を持っています。最初は選択した項目の値またはテキストを取得するためのものです。第二は、selectタグにリスナーを上に追加し、選択したオプション

お楽しみの変更を待つ必要が

入力に設定した値に使用されます！

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でそれを試してみたい：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 
    $selected = $_POST['selected']; 
    echo $selected; 
?>