innerHTML和innerText的区别,以及select元素中怎么取出被选中的option。

一、innerHTML和innerText的区别。

元素.innerHTML = 字符串,是将一对或一个标签所标识的内容全部替换为所赋予的字符串,如果字符串中有标签,浏览器将自动识别其中的标签。

元素.innerText = 字符串,是将一对或一个标签所标识的内容全部替换为所赋予的字符串,无论字符串里是否有标签,浏览器都将其转化为文本。

二、select元素中怎么取出被选中的option。

例如

<select id="year" >
            <option value="2012" >2012</option>
            <option value="2011" >2011</option>
            <option value="2010" >2010</option>
            <option value="2009" >2009</option>
            <option value="2008" >2008</option>
            <option value="2007" >2007</option>
            <option value="2006" >2006</option>
            <option value="2005" >2005</option>
</select>

1.var year = document.getElementById("year")
2.var year_index = year.selectedIndex;
3.var yv = year.options[year_index]

第一行是获取id=“year”的select元素。

第二行是获取select元素中被选中的option的索引值。

第三行是用索引值来确定被选中的option。

posted on 2017-04-20 16:56  lvzhengmao  阅读(1640)  评论(0编辑  收藏  举报

导航