js: select一个选项包含多个值的用法

最新推荐文章于 2022-04-27 11:49:34 发布
最新推荐文章于 2022-04-27 11:49:34 发布
阅读量2k 收藏 1
点赞数
分类专栏： javascript 文章标签： html javascript button border function table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gavin_sw/article/details/1327686
版权


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function testManyValue(selectObj){
 var theValue = selectObj.options[selectObj.selectedIndex].manyValue;
 alert(theValue);
}
</script>
</head>

<body>
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><input type="button" value="点击" onClick="testManyValue(select1)"></td>
    <td>
      <select name="select1" onChange="submitForm(this)">
        <option id="a" value="value1" manyValue="value2">values</option>
      </select>
    </td>
  </tr>
</table>
</body>
</html>
 
gavin_sw
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中select绑定多个值及数据回显
weixin_34088583的博客
09-05 9189
距离上篇文章已经快九个月了，我是不是堕落了。。 这篇文章主要是记录我在项目中遇到的一个小问题，其实说小也不小，在去年刚接触vue的时候，对于select如何绑定多个值这个问题一度让我不知所措。刚开始完全没接触过vue和elementUI直接上手，跟着element粘贴复制官网写着还挺顺利，突然某天后台需要在select选中时让我多传个值，我不知道怎么办了，官网上例子是下面这样的：v-model只能...
给select的同一个option设定多个value值，并分别获取
追求卓越583的博客
07-09 1万+
option 的value用个 分隔符进行分隔，然后获取的时候通过script的split。&lt;select id="coupon"&gt; &lt;option value="0" selected&gt;- 请选择可使用的优惠券 -&lt;/option&gt; &lt;c:forEach items="${couponsNotUsedPay}" var="c"
Mysql中 查询一个字段有多个值的写法
qq_34566673的博客
07-12 5701
在有group by的查询语句中，select指定的字段要么就包含在group by语句的后面，作为分组的依据，要么就包含在聚合函数中。 group_concat(EE.last_name order by EE.last_name separator ',') 1处表示需要连接在一起的值的字段名 order by ：在此字段中的排序方式，默认为正序，DESC为倒序 separator :分隔符，值之间用什么符号相连接 同一个日期的人名，组成了一个整体 ...
SQL where in语句一次select多个确定属性值的方法
qq_28663035的博客
10-23 1万+
在oracle数据库中使用SQL语句查询时，遇到了需要使用where in语句一次选择多个多个属性值的情况，第一反应是： select a,b from table where (a,b) in (10000,30); 但程序报错，虽然可以使用子查询语句的方式访问： select a,b from table where (a,b) in (select num from table whe...
php html_options,在html中为<option value =“...”>提供多个值，并使用PHP将值排序到MySQL中的相应列中...
weixin_39855186的博客
06-28 166
问题已经解决了 . 那些可能正在努力解决类似问题的人的代码如下 .HTML快照：$level = "1"; /* Tells that this is the master category (Level 1) */$str = "$depending $level";echo $str ?>">None$result = mysql_query("SELECT * FROM cate...
【JavaScript】下拉列表select中在value传递多个值，取出其option显示值，并应用此作为导航
编程记录，亲测有效
03-21 1万+
对于下拉列表select，众所周知，其值就是选中的option中的value值，可是如果需要取出每一个option的显示值，那又如何做呢？虽然没什么必要取出option的显示值，但是如果有时候确实需要这个显示值，在javascript的脚本做点什么呢？另外，如果要再value处传递多个值呢？那又改如何呢？ 一、取出option的显示值 你可以先传递整个select过去脚本，假设传过去的形式参数
HTMLSelect中操作Option对象
qq_36689178的博客
08-09 2105
HTML 通过Select对象操作Option对象 select 对象其实是一个包含 option 对象数组的复合对象。 select 对象 select 对象最重要的属性是 selectedIndex，即当前被选中的框中的文本的索引值 用法为： formObject.selectName.selectedIndex option 对象 创建一个 option 对象，即在 标签...
Angularjs 根据一个select的值去设置另一个select的值方法
10-18
今天，我们将讨论一个特定的话题：如何使用AngularJS来实现基于一个下拉菜单（select）的选择项来动态改变另一个下拉菜单的选项值。 首先，我们需要理解 AngularJS 中的数据绑定机制。通过使用 ng-model 指令，我们...
select各种效果:select带搜索框 多个option项目选择
08-10
总之，`<select>`元素的增强涉及到前端开发的多个方面，包括交互设计、样式定制、可访问性和性能优化。通过结合HTML5特性、CSS以及JavaScript库，我们可以创建出更高效、易用且功能丰富的下拉选择器，以满足用户的...
javascript获取select值的方法分析
10-23
在Web开发中，select元素常常用于下拉菜单的创建，用户可以通过它选择一个或多个选项。使用JavaScript操作select元素，不仅可以获取用户选中的值，还可以实现动态更新选项等功能。本文将详细介绍使用JavaScript如何...
Vue: 多个el-select不能重复选择相同属性
最新发布
02-22
当我们在项目中遇到“多个el-select不能重复选择相同属性”的问题时，这意味着我们可能需要实现一种机制来确保不同select组件之间的选项值不发生冲突，即用户不能在多个select中选择相同的值。以下是对这个问题的...
JavaScript实现两个select下拉框选项左移右移
11-29
在本文中，我们将探讨如何使用JavaScript实现两个`select`下拉框之间的选项移动功能，包括左移和右移。这个小程序对于用户交互和数据管理有实际应用价值，尤其是在需要动态调整选项列表的情景中。 首先，我们需要...
【vue】element ui select选择一个选项传两个值
loyd3的博客
01-08 4218
一般 el-select通过v-model同步传值（一般是传id） 有时需要选择后同时保存id和name 这时可以通过**@change**方法来实现，代码如下： <el-select v-model="id" placeholder="请选择所属分类" class="form-input" @change="handleDirChange($event)" > <el-option :label="item.dirName" :value
小组件——select 设置多选，js取多个值
godlovefrank的博客
08-13 6581
首先贴JS代码，通过jQuery获取select中的多个值 function clasp(){ var items = new Array(); items = $("#ventilationParameters option:selected"); //此处取到了每个item，items[i].text则取到的是option中的文字，下面取到的是value属性 for(var ...
java 或者 js 中 一个只同时与多个值进行比较
小先生编程
08-10 4122
将多个字符串 转换成Array，然后在利用contains 进行比较， contains 是否包含的意思 If (Arrays.asList ("S", "E", "B", "EB", "GSP", "CTS", "MCOL") .contains (map.get ("BIZ_TYPE"))) { for (Map valueMap : valueList) { Map<stri...
select 多个where_SQL基础知识——WHERE
weixin_28860509的博客
01-25 2745
SQL执行顺序按惯例先上SQL Server查询顺序，小括号()里面的数字代码数据库引擎在执行查询语句时候的先后顺序，从1开始：(8)SELECT (9)DISTINCT (11) (1)FROM [left_table](3) JOIN (2) ON (4)WHERE (5)GROUP BY (6)WITH (7)HAVING (10)ORDER BY WHERE 子句如需有条件地从表中选取数据...
如何使用 SQL SELECT 从表中检索一个或多个数据列
Vin_c° 的专栏
04-27 1万+
文章目录一、SELECT 语句二、检索单个列三、检索多个列四、检索所有列五、检索不同的值六、限制结果七、使用注释八、小结 本文介绍了如何使用 SQL 的 SELECT 语句来检索单个表列、多个表列以及所有表列。也介绍了如何返回不同的值以及如何注释代码。 一、SELECT 语句 正如 学习 SQL 之前需要了解的基础知识 所述，SQL 语句是由简单的英语单词构成的。这些单词称为关键字，每个 SQL 语句都是由一个或多个关键字构成的。 最经常使用的 SQL 语句大概就是 SELECT 语句了。它的用途是从一个或
Mysql中 查询一个字段有多个值的写法 以及拓展
热门推荐
qq_33220391的博客
05-29 2万+
// 以id分组，把name字段的值打印在一行，分号分隔 关键字：group_concat separator :分隔符 CONCAT（）：用于将多个字符串连接成一个字符串 select id,group_concat(name separator ';') from table group by id // 一个字段有...
js: 读取js函数中的参数个数
陶匠一路跑
11-14 6600
通过arguments.length可以读取js函数中的参数个数：script language="javascript">...function argLength()...{alert(arguments.length);}script>input type="button" value="显示参数长度" onClick="argLength(1,2,3,d)">
jquery获取页面中多个 select 组件选中的值
05-27
可以使用 jQuery 中的 `val()` 方法来获取页面中多个 select 组件选中的值。 以下是一个示例代码： ```html <select class="myList" multiple> 选项1 选项2 选项3 </select> <select class="myList" multiple>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值