<select name="r_house" id="r_house">
<option value="选项1">选项1</option>
<option value="选项2" selected>选项2</option><!--如果想直接在html中选定某项，给该项加个selected属性即可，不需要编程-->
<option value="选项3">选项3</option>
<option value="选项4">选项4</option>
<option value="选项5">选项5</option>
<option value="选项6">选项6</option>
</select>
<script>
window.onload=function(){
//如果一定要js代码实现，可以这样：
//方法一（假定选定第3项，下同）：
r_house.value="选项3"
//方法二：
r_house.options[2].selected=true
//方法三：
r_house.children[2].selected=true
//方法四：
r_house.getElementsByTagName("option")[2].selected=true
//方法五：
r_house.querySelectorAll("option")[2].selected=true
//还有N多种方法此略
}
</script>
思路：
如果下拉菜单是options 。
你可以使用for循环，创建options，然后添加text ，value和一些属性。最后放到select标签里。
如果你是用其他标签模拟的下拉菜单。和上面的方法是一样的，只是你要自己写样式。
js获取下拉列表框文本值，例如下面的HTML代码：
<select onchange="isSelected(this.value)" id="city"><option
value="1">北京</option>
<option value="2" >上海</option>
<option value="2" >广州</option>
</select>
也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
function isSelected(value) {var cityName
var city =
document.getElementById("city")
//获取选中的城市名称
for(i=0i<city.lengthi++){
if(city[i].selected==true){
cityName
= city[i].innerText //关键点
alert("cityName:" + cityName)
}
}
也可以这样做：
function isSelected(value) {var city = document.getElementById("city")
alert(city.options[city.selectedIndex].innerText)
}
大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。
在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText
方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i].value.
至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i].innerText
改为 city[i].text即可。这种方法对IE及FIXEFOX都适用！
