html下拉框传递参数,HTML通过事件传递参数到js详解及实例

目标处理函数为selectAttr(test)

1.直接传递给定参数如:οnclick="selectAttr('1');

οnclick="selectAttr('a');

2.传递某属性值

οnclick="selectAttr(typeName.value);

οnclick="selectAttr(nameId.value);

3.传递this对象οnclick="selectAttr(this);

通过this对象获取对应选项值:this.value or this.name;

如果是自定义属性可以通过以下方式获取:

document方式获取：var divs=document.getElementById("typeName1");

var x=divs.getAttribute("code");

code为自定义属性。

jqery方式获取:$("#typeName").attr("value");

var typeName=$("#sel").find("option:selected").attr("code");

html下拉框传递参数,HTML通过事件传递参数到js详解及实例相关推荐

【Qt串口调试助手】1.3 - 重写ComboBox下拉框的鼠标点击事件，实现点击下拉框扫描可用串口
由于ComboBox没有鼠标点击信号,所以如果想实现点击下拉框响应,需要重写ComboBox下拉框的鼠标点击事件.在点击事件中,添加扫描可用串口代码,实现点击下拉框时重新扫描串口.并且下拉框内容输出端 ...
select下拉框带模糊查询_如何实现参数级联查询
参数级联查询是查询控件之间的一种互动方式,比如在某个下拉框选定选项后,另一个下拉框里的选项范围会随之变化.润乾报表提供了多种编辑风格,每种编辑风格都有丰富的属性,以此为基础实现参数级联查询也很简单.下 ...
下拉框触发单击事件_谈谈如何给下拉框option添加点击事件？
我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发. 想添加一个option的触发事件,在option中添加o ...
select下拉框的click和change事件
前端页面中经常会使用到select下拉框.操作select框时会发生click和change事件,且这两个事件有特定的执行顺序. 1.点击select框出现下拉列表,此为一次click点击事件. 2. ...
下拉框练习，使用onchange事件
onchange 事件会在域的内容改变时发生. <body><select name="" id="s1"><option val ...
html点击事件传参 php,HTML通过事件传递参数到js详解及实例
目标处理函数为selectAttr(test) 1.直接传递给定参数如:οnclick="selectAttr('1'); οnclick="selectAttr('a'); 2. ...
easyui的下拉框combobox在包含的iframe页面里点击不能收回解决办法
此处下拉框不能收回是因为iframe是新页面,点击事件不能传递到父级页面.我们需要在父级页面监听iframe页面的点击事件,进而操作下拉框的动作: 以下是获取iframe的js: var iframe ...
antd下拉框联动说明
先说一下效果要求,上面一个下拉框,下面一个,要求上面选中的时候,下面的内容要跟着变. 因为想到react是数据驱动的,就不打算再用jq的那种隐藏显示了,而是通过在执行类型下拉框的onChange事件中 ...
rails使用html form,Rails 页面多选下拉框, form_for, form_tag 使用技巧及 select2 使用
表单的多选下拉框在 web 项目中比较常用且常见,所以快速构建多选下拉框是每个 Rails 全栈开发者必备的技能. 这篇文章总结使用 select2 前端插件和 Rails 内置的视图帮助方法 sel ...

html下拉框传递参数,HTML通过事件传递参数到js详解及实例

html下拉框传递参数,HTML通过事件传递参数到js详解及实例相关推荐

最新文章

热门文章