zoukankan      html  css  js  c++  java
  • 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");
        });
  • 相关阅读:
    Leetcode: Flatten Binary Tree to Linked List
    POJ 1180 Batch Scheduling
    STL容器
    关于bfs时间轴
    dfs遍历痕迹的清理
    dfs、遍历与for
    在各OJ上的名号
    哈尔滨理工大学第七届程序设计竞赛初赛(BFS多队列顺序)
    东北林业大学第12届ACM(打表)
    浙江工业大学迎新预赛(容器的使用)
  • 原文地址:https://www.cnblogs.com/tanjiyuan/p/11197843.html
Copyright © 2011-2022 走看看