JS_Select获取option对象值的几种方式
<div class="vip_tit"> 年度 <select id="year_id"></select> 月度 <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> <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"); });