How to get the selected value and key from an html dropdown list in javascript on php

Question

 <select id="facetList" style="width:120px;" class="text ui-widget-content ui-corner-all">
        <?php
        foreach($claAddArray as $k => $v)
        {
           echo "<option value=\"$k\">$v</option>";
        }
        ?>   
        </select>




$("#btnSubmit").click(function() {

    var $fId = ?????????????????


    });

Answer 1

jQuery's .val() will return the currently selected option's value if run on the select list itself. In your case $("#facetList").val();

use $("#facetList option:selected").text(); for the text of the option tag.

Answer 2

document.getElementById('facetList').options[document.getElementById('facetList').selectedIndex].value