练习：取下拉列表的所有option中的文本

最新推荐文章于 2022-05-26 14:53:26 发布
最新推荐文章于 2022-05-26 14:53:26 发布
阅读量541 收藏
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ada_yangyang/article/details/81279201
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
<head>
    <title>取下拉列表的所有option中的文本</title>
    <script type="text/javascript">
        function getOptions(){
            var options = document.getElementsByTagName("option");
            for(var i=0;i<options.length;i++){
                var opt = options[i];//取每一个option元素
                alert(opt.innerHTML)
            }
        }
    </script>
</head>
<body>
<select name="edu" id="edu">
    <option value="本科">本科^^</option>
    <option value="专科">专科^^</option>
    <option value="高中">高中^^</option>
    <option value="小学">小学^^</option>
    <option value="幼儿园">幼儿园^^</option>
</select>
<input type="button" value="取select下拉列表文本" onclick="getOptions()"/>
</body>
</html>

 

海边拾贝seebit
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取下拉列表框option的值，列表框的操作
weixin_30856965的博客
06-20 191
得到option中的值:<script type="text/javascript"> var myselect=$("#test option").length; alert(myselect); for(var i=0;i<myselect;i++) { alert($("#test option").get(i).value); }</script&g...
option的文本值
燕雀笔记博
11-17 112
  obj.value 是 option的value值 obj.text是 文本值  
ajex和js获取下拉列表选中的相应文本内容
hard_days的博客
10-17 482
设置多个select并获取选中的options的文本内容并进行拼接动态添加到列表中，分别用js和ajex实现 html代码 &lt;select name="" id="pro"&gt; &lt;option value=""&gt;---请选择省----&lt;/option&gt; #我的数据都是从数据库中获取然后动态添加的，所有这里只有一条 &lt
获取select中选中的option的文本
weixin_33834910的博客
05-06 65
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery获取某个下拉框全部的option值
cheng1a的博客
05-26 1626
jQuery获取某个下拉框全部的option的value 这里的原理其实很简单：定义一个空数组，运用jQuery的选择器，选择对应的下拉框的option，循环便利该下拉框的option，根据val()获取到option的value值，判断不为空push到数组内即可。 var arr = new Array(); //定义数组 $("#class_selected option").each(function () { //根据id获取到该下拉框的所有option var option_val = $(t
下拉列表框操作_finished.rar
01-18
"你要选择的选项文本"是下拉列表中具体选项的文本。 接下来，我们来看ABC三个空可能需要填充的内容。 A空可能涉及到查找下拉列表框。在Uibot中，我们可以使用`找到第一个`（FindFirst）或`找到所有`（FindAll）...
formexercise:FreeCodeCamp 练习
05-31
4. `<select>`标签：创建下拉列表，通过`<option>`标签定义可选选项。 5. `<button>`标签：创建按钮，可以是提交按钮（type="submit"）用于提交表单，或重置按钮（type="reset"）用于清除表单内容。 【表单验证】 ...
Questionnaire:练习HTML表单
03-14
`<select>`定义下拉列表，而`<option>`定义列表中的各个选项。 5. `<label>`标签：与`<input>`或`<textarea>`配合使用，提供更友好的用户界面，用户点击标签时，对应的输入字段会获得焦点。 6. `<button>`标签：...
html-basics:html的练习代码
04-04
- `<select>`、`<option>`：创建下拉列表。 9. **CSS（Cascading Style Sheets）集成**： - `<style>`：在`<head>`内定义内联CSS，用于控制页面样式。 - `class`和`id`属性：用于选择和应用特定样式。 10. **...
webdev：webdev练习
02-10
- `<select>`创建下拉列表，`<option>`定义选项。 - `<button>`创建按钮，`type`属性可以是submit（提交）或reset（重置）。 5. **HTML5新增元素**： - `<header>`和`<footer>`定义页面头部和底部。 - `<nav>`...
获取select中option的值或文本
qq_43445758的博客
12-13 3092
获取select中option的值或文本。 1.selectedIndex指的是当前被选中的文本的索引值。 2.节点.options[节点.selectedIndex]是指定的某个标签 3.节点.options[节点.selectedIndex].value获取或设置所选中的列表值。 节点.options[节点.selectedIndex].text获取或修改所选中的列表文本内容。 <!DOCTYPE html> <html> <head> <title>文
获取下拉框的文本值
热门推荐
weixin_44569835的博客
04-08 1万+
获取下拉框的文本值 这次分享的是获取下拉框的文本值，这里写了两种获取下拉框文本值的方法，一种是写实的，一种是用数据库数据绑定上去的，用数据库数据绑定的两个都可以用，不过为了不重复就使用另一种方法。 首先准备一个写实的下拉框和一个数据库数据绑定的下拉框，还有两个文本框，用来显示两个下拉框文本值的。HTML代码如下： <div> <p>写实</p> ...
Js 获取select中选中option的文本值
跳舞的芒果
10-25 4385
在html中写有select，id为town，在js中获取当前选中的option上的文本值,循环遍历所有option的值
用js获取下拉列表的值还有数字的值
u010090328的专栏
12-05 1201
用javascript取值,下面是一个例子: 第一项 第二项(默认选中) 第三项 第四项 您选择的是： function getSelectValue(obj) { var sValue = obj.options[obj.options.selectedIndex].value; //这是取值 var
js获取option中的文本
idiot 。 still
04-06 906
北京 广州 哈尔滨 拉萨 乌鲁木齐
下拉菜单和文本框结合
一只笨鸟的博客
05-15 1万+
简单实现可以编辑的下拉菜单
js创建下拉列表的option
最新发布
05-04
可以使用JavaScript创建下拉列表的option元素，具体实现如下： ```html <select id="mySelect"> <option value="option1">选项1</option> <option value="option2">选项2</option> <option value="option3">选项3</option> </select> <script> // 通过JavaScript动态创建option元素 var option4 = document.createElement("option"); option4.text = "选项4"; option4.value = "option4"; var select = document.getElementById("mySelect"); select.appendChild(option4); </script> ``` 上述代码中，首先定义了一个包含三个option元素的下拉列表，然后通过JavaScript创建一个新的option元素，并指定其文本和值，最后将新的option元素添加到下拉列表中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值