在jQuery中獲取選項標簽文本

Question

有人可以幫助我獲取我的選項標簽的文本，因為這樣做的時候我總是空白。

這是html / php

<div class="form-group">
    <label for="sel1" id = "type_set">Webhook Type:</label>
    <select name="type" id = "selecting">
        <option value="" selected disabled hidden >Choose Tagging</option>
        <?php

        $disp = PDODatabase::Instance()->QueryAll("SELECT * FROM social_media" );

        foreach($disp as $data){
            if($data['_DELETED'] != 1){
                echo "<option data-med='".$data['SOCIAL_NAME']."'  id = 'soc' value='".$data['ID']."'>".$data['SOCIAL_NAME']."</option>";
            }
        }

    ?>
    </select>

</div>

這是腳本：

jQuery(document).on('click','#soc', function(e){
  e.preventDefault();
  var med = $('#selecting:selected').text();
  alert(med);
  // var tod = ""+year+""+month+""+dat+""+ran+""+med+"";
  // document.getElementById("wname_set").value = tod;

});

謝謝你T_T

Answer 1

#selecting是<select>的ID，您需要選擇選定的選項。

var med = $('#selecting option:selected').text();

Answer 2

請試試：

$('#selecting option:selected').text();

Answer 3

如果您想獲取該值，請選擇以下值：

var med = $("#selecting option:selected").val();

Answer 4

console $（'＃selecting option：selected'）。text（））