如何获取和设置HTML文档中select元素的选中项

如何获取和设置HTML文档中select元素的选中项,第1张

在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

你问的是不是用js怎么获取选中的option值?\x0d\x0a一:javascript原生的方法\x0d\x0a1:拿到select对象: var myselect=document.getElementById("test")\x0d\x0a2:拿到选中项的索引:var index=myselect.selectedIndex // selectedIndex代表的是你所选中项的index\x0d\x0a3:拿到选中项options的value: myselect.options[index].value\x0d\x0a4:拿到选中项options的text: myselect.options[index].text\x0d\x0a二:jquery方法(前提是已经加载了jquery库)\x0d\x0a1:var options=$("#test option:selected") //获取选中的项\x0d\x0a2:alert(options.val()) //拿到选中项的值\x0d\x0a3:alert(options.text()) //拿到选中项的文本

<input type="checkbox" id="checkbox1" />

<script>

$(document).ready(function(){

if($("#checkbox1").attr("checked")==true)

{

alert("checkbox已选中")

}

})

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7592615.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存