Js获取下拉选择框当前选择项的⽂本和值
  现在有⼀个Id为AreaId的下拉框，要获取它当前选择项的⽂本和值有以下⽅法：
<span class="red">* </span>
地       ；区：
<span>
<select id="AreaId" name="AreaId" size="1" class="sel">
<option>-请选择地区-</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select>
</span>
⽅法⼀：使⽤JavaScript原⽣态的⽅法.
  1.获取值：   
var ElementById("AreaId").selectedIndex;//获取当前选择项的索引.
　var ElementById("AreaId");
for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
if(obj[i].selected==true) {
var text=obj[i].value;//获取当前选择项的值.
      }
    }
  2.获取⽂本：
var ElementById("AreaId").selectedIndex;//获取当前选择项的索引.
　var ElementById("AreaId");
for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
if(obj[i].selected==true) {
var text=obj[i].text;//获取当前选择项的⽂本.
      }
    }
⽅法⼆：使⽤JQuery⽅法(前提是已经加载了jquery库).jquery获取下拉框选中值
  1.获取值：
$("#AreaId").val();//获取当前选择项的值.
var options=$("#AreaId option:selected");//获取当前选择项.
options.val();//获取当前选择项的值.
  2.获取⽂本：
var options=$("#AreaId option:selected");//获取当前选择项.
<();//获取当前选择项的⽂本.
options.innerHTML();//获取当前选择项的⽂本.
$("#AreaId").text;//注意，这句代码⽆效，得到的结果为undefined.
其他属性： 
innerText：
var ElementById("AreaId").selectedIndex;//获取当前选择项的索引.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。