JS_Select獲取option對象值的幾種方式

<div class="vip_tit">
    年度 <select id="year_id"></select>
    &nbsp;
    月度
    <select id="month_id">
        <option selected="selected" value="1">1月</option>
        <option value="2">2月</option>
        <option value="3">3月</option>
        <option value="4">4月</option>
        <option value="5">5月</option>
        <option value="6">6月</option>
        <option value="7">7月</option>
        <option value="8">8月</option>
        <option value="9">9月</option>
        <option value="10">10月</option>
        <option value="11">11月</option>
        <option value="12">12月</option>
    </select>
    &nbsp;
    <input type="button" name="button" value="查詢" onclick="search();" /> 
</div>

    // 原生獲取

    // 年份option對象獲取。
    var y_option = document.getElementById("year_id");
    
    // 月份option對象獲取。
    var m_option = document.getElementById("month_id");
    
    // 年份文本值
    var y_text = y_option.options[y_option.selectedIndex].text; 
    
    // 年份value值
    var y_value = y_option.options[y_option.selectedIndex].value; 
    
    
    // 月份文本值
    var m_text = m_option.options[m_option.selectedIndex].text; 
    
    // 月份value值
    var m_value = m_option.options[m_option.selectedIndex].value; 
    

    // jQuery方式獲取
    var option = $("#city option:selected").val();


    // JS方式獲取
    var option = $(this).children('option:selected').val();


    //option觸發事件添加。
    $("#city").change(function(){
        alert("option");
    });