学习笔记(24):Web前端与HTML5移动开发系列一：HTML篇-28，select和option介绍

最新推荐文章于 2023-04-17 13:52:03 发布
最新推荐文章于 2023-04-17 13:52:03 发布
阅读量282 收藏
点赞数
分类专栏： 研发管理 文章标签： html5 html web前端 移动开发 HTML/CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luoluo327/article/details/104260562
版权

立即学习:https://edu.csdn.net/course/play/4381/77492?utm_source=blogtoedu

select和option：作用：实现下拉列表

格式：<select>

<option>内容</option>

</select>

注意：1.option赋予value值

2.select赋予name id值

3.默认情况下提交时，将option内容作为提交内容。我们通常用value属性，value属性用数字

4.可以用select属性让某个option处理默认选中状态

 

Luoluo327
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动端的select，或者combobox
11-18
是一个插件，很好用，如果大家不愿意下我的我也可以推荐2个我原来下载的那个地址 http://www.jq22.com/jquery-info16748 http://www.jq22.com/jquery-info14679 超好用
前端学习笔记整理：HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源.zip
01-05
前端学习笔记整理：HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源前端学习笔记整理：HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理：HTML, CSS, JavaScript, Web 性能优化, ...
select 跟 option
12-26 729
1、获取选中select的value和text,html代码如下：              one          two           three    则可通过以下script代码s来获取选中的value和text $("#mySelect").val(); //获取选中记录的value值  $("#mySelect option:selected").text(
关于select和option
qq_50560491的博客
10-12 1536
我们拿到这些数字后，存放到数据库是以这些数字的形式来存储。我们需要展示到网页上时候，我们也是拿出这些数据，然后根据判断，展示对应的文字。只要我们获取了dom节点，都可以 .val() 的方式去获取他的value值。每一个dom元素，都有他的 value。比如我们的表单中input元素。select也不例外。
select 和option 整理
weixin_40859557的博客
10-15 1554
1.select属性 属性 值 描述 autofocus autofocus 规定在页面加载后文本区域自动获得焦点。 disabled disabled 规定禁用该下拉列表。 form form_id 规定文本区域所属的一个或多个表单。 multiple multiple 规定可选择多个选项。 name nam...
js 操作select和option
weixin_30763397的博客
11-07 65
1.动态创建select function createSelect(){ var mySelect = document.createElement_x("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2....
Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip
05-09
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar
最新发布
04-18
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...
HTML5与移动端web学习笔记
02-26
新的HTML元素，例如section,nav,header,footer,article等用于绘画的Canvas元素用于多媒体播放的video和audio元素用于定位的GeolocationAPI本地存储以及离线应用WebWorkers、WebWebSocketAPI手机网页开发。...
web select option
m0_47104421的博客
10-07 199
示例
4、Webdynpro入门之Select-Option【原创】
11-14
4、Webdynpro入门之Select-Option，详细讲解Select-Option在Webdynpro中的应用。
web 前端常用组件【02】Select 下拉框
weixin_34178244的博客
06-20 186
&lt;select id="hello"&gt;&lt;/select&gt;   关于 select 支持的属性和响应事件，可以参照：http://www.runoob.com/jsref/dom-obj-select.html 1.jQuery获取Select选择的Text和Value 语法解释： $("#select_id").change(function(){//...
js 操作select和option常用代码整理
medaka的专栏
12-03 490
使用js过程中难免会碰到操作select和option的状况，本人也是深有同感，于是搜集整理一些常用且使用的代码，可供大家分享 1、获取选中select的value和text,html代码如下：  复制代码代码如下:   one  two  three    则可通过以下script代码s来获取选中的value和text 
Option 和 Select 对象的基本使用
sky_zq16的博客
10-27 2467
Option 和 Select 对象的基本使用，这是两个很常用到的标签（这里主要是介绍属性的使用）   这里是代码的样板 //js的方法 function disable()   { //启动下拉列表   document.getElementById("mySelect").disabled=true;   } function enable()   { //
js 操作select和option常见用法
weixin_30622181的博客
07-16 178
1、获取选中select的value和text,html <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> <...
html 中的下拉列表,【HTML】什么是 HTML 中的下拉列表（select、option）
weixin_34574003的博客
07-02 5832
我们以英雄联盟大区服务器状态查询网站里的"下拉选择服务器状态"为例，先来看一下，什么是下拉列表，浏览器运行效果如下所示这就是下拉列表用到的地方之一，接下来我们就来学习一下HTML中的下拉列表文章目录一：什么是HTML中的下拉列表1：select标签属性2：option标签属性一：什么是HTML中的下拉列表在HTML中，下拉列表是由select和option这两个表单标签一起使用来表示的。语法选项内...
web 获取select中被选中option的value和text
03-29 2009
$('#select-id option:selected').val(); $('#select-id option:selected').text();
HTML 下拉框 select option 详解
热门推荐
3月3的风筝
02-20 5万+
一、基础理解:    var e = document.getElementById("selectId");    e. options= new Option("文本","值") ;    //创建一个option对象,即在标签中创建一个或多个文本    //options是个数组,里面可以存放多个文本这样的标签 1:options[ ]数组的属性:
web前端 --- 表单标签
weixin_62443409的博客
04-17 9032
标签用于定义表单域，以实现用户信息的收集和传递，将范围内的表单元素提交给服务器。
Web前端开发：HTML5+CSS3+JavaScript
09-29
Web前端开发：HTML5+CSS3+JavaScript 学习笔记。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值