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

html-css017

如何获取和设置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

文本文档改成html步骤:

工具:联想Windows10、记事本20H2。

1、打开电脑,在桌面新建一个文本文档,但是一般电脑是不显示扩展名的。

2、打开TXT文件,点击左上角“文件”。

3、下拉选择“另存为”。

4、弹出窗口,在文件名输入框中修改文件名的后缀为“html”,点击保存,文本文件保存为HTML格式。

①:使用Word来编辑如下图,在IE或者其他浏览器的菜单中执行操作:“文件”→“用Microsoft Office Word编辑”;本方法只针对已安装WORD的计算机;如果没安装WORD,无法使用该功能!执行操作以后,自动打开WORD软件,里面的文档内容即为网页中的内容,这个时候就可以轻松使用鼠标选择需要的文字了!另:如果你的计算机安装了FrontPage软件,那么,上图中的“用Microsoft Office Word编辑”会被为”→“用Microsoft Office FrontPage编辑”;操作方法雷同。②:这招是绝招,放之四海皆准首先保证你的计算机安装了网页制作软件,要么是如下图的网页制作软件,要么是FrontPage,两者都可实现!实现方法:在你查看资料的网页窗口中,执行IE浏览器或其他浏览器的菜单:“查看”→“源文件”,自动打开记事本软件,当前的文档里面自动填充该网页的HTML代码,里面就包含了所需要的资料!之后,在记事本窗口中按Ctrl+A进行全选,全部选中记事本里面的html代码,执行复制操作!打开网页制作软件,在打开网页制作软件的同时,会新建一个页面,将网页模式切换到“代码”方式,之后全部选择里面默认出现的HTML代码并将其删除;删除了之后,将刚才在记事本中复制的代码粘贴网页制作软件的“代码”模式下,最后将模式切换到“设计”状态,这个时候,就可以看到所需要的文字材料了,需要什么就选择什么,操作就和操作WORD一样方便!