HTML-html 有多同名select 并且是多选,如何取值

HTML-html 有多同名select 并且是多选,如何取值,第1张

jquery 获取select多选下拉框所有选项的值可以如下实现var all = ""

$("select option").each(function() {

all += $(this).attr("value")+" "

})

而值获取被选中的值可用如下代码实现

$("select").val()

下面给出实例代码:

创建Html元素:一个多选列表和一个按钮

<select id="multi-sel" multiple="multiple">

<option value="1">萝卜,我的value是1</option>

<option value="2">青菜,我的value是2</option>

<option value="3">小葱,我的value是3</option>

<option value="4">豆腐,我的value是4</option>

想要哪个获得焦点就加个selected属性就行了

例如:

<select multiple="multiple" size="2">

<option value ="volvo" selected="selected">Volvo</option>

<option value ="saab" selected="selected">Saab</option>

<option value="opel">Opel</option>

<option value="audi">Audi</option>

</select>

前两个获得焦点

<select>标签定义和用法

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

<select>标签可选的属性

属性 值 描述

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

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

namename规定下拉列表的名称。

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

<select>标签全局属性

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

<select>标签事件属性

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存