代码之家 › 专栏 › 技术社区 › sundowatch

jquery在select元素的每个选项上绑定click事件到按钮

option each select jquery javascript

sundowatch · 技术社区 · 5 年前

我正试图在select的每个选项元素的submit按钮上创建一个click事件。

这是我的剧本:

var selectObj = $("#selectObj");

selectObj.find("option").each(function(){
    selectObj.val($(this).val());
    $("#submitBtn").click();
});

但是,它只在最后一个选项元素上工作。

2 回复 | 直到 5 年前

Mamun 5 年前

但是,它只在最后一个选项元素上工作。

我不知道您试图实现什么,但是您的代码应该可以工作。

也不确定 selectObj.val($(this).val());

var selectObj = $("#selectObj");

selectObj.find("option").each(function(){
    //selectObj.val($(this).val());
    $("#submitBtn").click(myFunc($(this).val()));
});

function myFunc(val){
  console.log(val);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="selectObj">
  <option value="first">First</option>
  <option value="second">Second</option>
</select>

<button type="button" id="submitBtn" >Test</button>

ellipsis 5 年前

该值将设置为上的元素 change 事件。

var select;
$(document).ready(function(){
$('#s > option').each( function(e){
select=$('#s > option')[e].innerHTML
a(select);
})
function a(val)
{
$('button').trigger('click');
console.log('The values is ' +val)
}
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="s"><option>a</option>
<option>d</option><option>b</option>
<option>e</option><option>c</option></select>
<button type="submit">Submit</button>

推荐文章

MagicMatt · 由于值(…)中的“SELECT*”,MySQL触发器的插入导致基数冲突

2 年前

ugsgknt · Mysql从具有两个id列的同一个表中获取结果

2 年前

Adriaan · 已选择多个大小写的条件格式

6 年前

Ross · MySQL嵌套选择与联接表

6 年前

Nol · Mysql从数据库中选择位置后的更多项目

6 年前

Opu · 如何更改基于第一个选项选择的第二个下拉列表和基于第二个选项选择的第三个下拉列表

6 年前

Noones · 同一公司的SQL地址表需要最新联系人

6 年前

spice · 将多个元素绑定到同一个函数jQuery

6 年前

Fyp16 · 查询不喜欢sql

6 年前

CalcGuy · MySQL,Insert语句,值为select语句

6 年前