在HTML页面中，获取当前select元素中所选中的那个值和显示值。
<tr>
<th scope="row" width="15%" nowrap >*目标字段</th>
<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change()”>
<option value=”1”>eg1</option>
<option value=”2”>eg2</option>
<option value=”3”>eg2</option>
</select>
</td>
</tr>
<script>
function on_idmbzd_change(){
var sel_obj = document.getElementByIdx("idMbzd ")；
var index = sel_obj.selectedIndex
alert(sel_obj.options[index].value)
alert(sel_obj.options[index].text)
}
</script>
设置select元素的选中项：
通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。
<select id = "sel" >
<option value = "1" >1</ option >
<option value = "2" selected = "selected" >2</ option >
<option value = "3" >3</ option >
</ select >
扩展资料超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。
参考资料来源：百度百科-HTML这里有一些临时的解决方案1) 简单点的使用padding使其“看上去”对齐
比如： 这里比较适合宽度固定的场合，只要padding合适，效果还是不错的
select {
...
padding: 0 0 0 20px
}
2） 使用一些UI库实现
比如jQueryUI
优点是可以解决select控制在各个浏览器界面不一致的问题。
3） 居右对齐： 可以使用rtl属性来来控制，
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
写成CSS的话则为：
select {
direction: rtl
}
var a=document.getElementById("test")//去掉这里的#号$(a).find('option').each(function(){
if($(this).html()=='4')
$(this).attr("selected","selected")
})
//或者：
$(a).find('option:contains("4")').attr("selected","selected")
//其实何必要先用dom去获取元素，再转化成jquery呢？直接:
//$('#test option:contains("4")').attr("selected","selected")
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）