-
一个select怎么判断不能选择相同的值5
<td>用户：
<select style="width: 120px" name="user">
<option>小张</option>
<option>小黑</option>
<option>小黄</option>
</select>
</td>
<td style="width: 10px"></td>
<td><a class="l-button l-btn2" onclick="addUser()">添加</a></td>
点击 添加按钮 比如说添加了一次小张，如果在同样添加一次小张就给提示已经添加了。 求解。。。。2012年5月10日 15:15
添加评论
关注(0)3个答案 按时间排序 按投票排序
-
// 判断函数 function exist(name) { return jQuery.grep($('select[name=user] option'), function(item) { return (item.text == name); }).length > 0; }
<button onclick="if(!exist('小张')) { addUser('小张') }">添加</a>2012年6月01日 11:15
-
<html>
<script>
function addUser(name){
var options = document.getElementById("user").options;
for(var i=0;i<options.length;i++){
var option = options[i];
if(option.value==name){
alert(name+"已经添加过了");
}
}
}
</script>
<body>
<td>用户：
<select id="user" style="width: 120px" name="user">
<option value="小张">小张</option>
<option value="小黑">小黑</option>
<option value="小黄">小黄</option>
</select>
</td>
<td style="width: 10px"></td>
<td><button onclick="addUser('小张')">添加</a></td>
<body>
</html>2012年5月10日 16:53
-
首先给select标签添加id属性 id="user"
function addUser(){
var u = '小张';
var opts = document.getElementById('user').options;
for(var i=0;i<opts.length;i++){
if(opts[i].text==u){
alert(u+' 已经添加过了。');
return;
}
}
opts[opts.length] = new Option(u,u);
}2012年5月10日 16:49
相关推荐
web前端小问题，select 选择事件，当选择select同一值触发onchange事件
当我们在项目中遇到“多个el-select不能重复选择相同属性”的问题时，这意味着我们可能需要实现一种机制来确保不同select组件之间的选项值不发生冲突，即用户不能在多个select中选择相同的值。以下是对这个问题的...
Vue 实现动态循环出的多个select 不能重复选择相同的数据前言效果图演示实现逻辑代码总结 前言 1.本篇文章功能的实现是基于vue的计算属性computed 2.个人感觉vue的计算属性computed挺适合做这个功能的，因为通过计算...
这个场景中，我们讨论的是如何实现一个功能，让用户可以在两个Select下拉框之间移动选择的值，这种功能常见于多选设置或者数据迁移的界面。下面我们将深入探讨如何实现这样的功能。 首先，我们需要两个HTML Select...
这样，用户在任一侧选择一个值后，该值会立即被交换到另一侧，同时自身清空。 在实际应用中，你可能需要根据业务需求进行一些额外的处理，比如防止连续快速交换导致的错误状态，或者在互换前进行验证等。此外，如果...
在IT行业中，尤其是在前端开发领域，我们经常遇到需要实现互斥选择的情况，即一组多选框（`<select>`元素）之间只能有一个被选中。这样的功能在很多场景下都有应用，比如用户需要从多个选项中单选一个，或者在配置...
通过watch监听器来监控el-select绑定的值，当用户尝试删除一个不允许删除的选项时，通过监听函数将之前删除的选项重新添加到选中值中。虽然这种方法能够实现功能，但在界面上会存在误导用户的情况，因为在不允许...
根据提供的文件信息，我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素（如文本框、单选按钮、复选框以及下拉列表）的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...
对于"Cognos 默认选择select 第一个值"这个话题，我们将会探讨如何在Cognos的用户界面中，通过编程方式来改变下拉列表（select）的默认选中项，并且提供一种方法来实现特定值的预设选择。 在描述中提到的方法，主要...
监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 })...
两个相关联的select，一个select的选择会影响另一个select的输出结果
在Vue.js框架中，Element UI库提供了一个丰富的组件集，其中`el-select`是一个常用的下拉选择组件。在处理用户交互时，有时我们需要获取选中项的`label`或`value`值。从提供的信息来看，这里介绍的是如何在不通过...
"可选择可输入的select"就是一种改进的下拉菜单实现，它允许用户在下拉选项中选择，同时也能自由输入新的值。这种功能在许多场合非常实用，例如当用户可能需要输入未在预定义选项中的数据时。 这个博客文章...
在某些场景下，开发者可能需要将这两种组件结合，以满足特定的需求，例如实现一个既具备树状结构又能进行多选或单选功能的选择器。这就是`SelectTree`，一种自定义的`tree-select`组件。 `SelectTree`结合了`Select...
#### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值（即 value 属性的值），可以使用以下代码： ```javascript $('select').val(); ``` 这行代码会返回当前选中的 ...
`<select>`元素创建一个下拉列表，可以包含多个`<option>`元素，每个`<option>`代表一个选项。例如： ```html <select id="mySelect"> <option value="option1">Option 1 <option value="option2">Option 2 </...
1、使用v-model在select标签上进行数据双向绑定， 2、在data里边添加val：‘ ...以上这篇vue select选择框数据变化监听方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
在JavaScript（JS）编程中，动态添加Select中的Option元素值是一项常见的需求，特别是在网页交互或者数据填充时。这里我们将深入探讨如何实现这个功能，并提供一个实际的案例来演示这一过程。 首先，我们要理解HTML...
本文将深入探讨如何实现一个“select下拉选择不同状态”的功能，这通常用于提供更丰富的用户体验，例如根据不同的选项状态展示不同的颜色。 标题中的“select下拉选择不同状态”指的是在HTML的`<select>`元素中，每...
自制的jquery插件，只需要一行代码，即可将select控件变成一个即可以输入也可以选择的元素，输入时也会有智能提示。对原来的select的操作完全没有改变，取值依然是取select的值，设置选中，添加项删除项等等都没有...