select.html（selecthtml标签）

本篇文章给大家谈谈select.html，以及selecthtml标签对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、select在html什么意思
• 2、Html读取select控件的值
• 3、如何取HTML中的select中的值
• 4、html中标签用法解析及如何设置select的默认选中状态

select在html什么意思

select是HTML中from表单的一个下拉菜单，格式如下

form action="" 

  select name="" id=""

    option value="1"选项一/option

    option value="2"选项二/option

    option value="3"选项三/option

    option value="4"选项四/option

  /select

/form

Html读取select控件的值

这个无法用 HTML 去读取，需要用到 JavaScript。代码如下：

!DOCTYPE html

html lang="en"

head

   meta charset="UTF-8"

   titleDocument/title

/head

body

   select id="select1"

       option value="0"== 请选择 ==/option

       option value="1"苹果/option

       option value="2"香蕉/option

       option value="3"桃子/option

   /select

   p id="result"/p

   script

       document.getElementById('select1').onchange = function() {

           var getText = function(elm) {

               if (typeof elm.innerText == 'string') {

                   return elm.innerText;

               }

               return elm.textContent;

           };

           var value = this.value,

               index = this.selectedIndex,

               text = getText(this.options[index]);

           document.getElementById('result').innerHTML = '【' + value + '】 ' + text;

       }

   /script

/body

/html

如何取HTML中的select中的值

取HTML中的select中的值，首先需要的就是获取到你这个文本的元素，jquery的话一般是都过$('#元素id')，然后在通过value这个属性来获取内容就行了，具体我写代码来提现:

html

head

/head

script

$(function(){

alert( $('#div1').value); //弹出获取到的网页内容

})

/script

body

select id='div1'我是内容/select

/body

/html

html中标签用法解析及如何设置select的默认选中状态

select标签定义和用法

select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 select 表单数据提交给服务器时包括 name 属性。

select标签可选的属性

属性 值 描述

disabled disabled 规定禁用该下拉列表。

multiple multiple 规定可选择多个选项。

name name 规定下拉列表的名称。

size number 规定下拉列表中可见选项的数目。

select标签全局属性

select 标签支持 HTML 中的全局属性。

select标签事件属性

select 标签支持 HTML 中的事件属性。

关于select.html和selecthtml标签的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。