JavaScript——给onclick()方法传递当前点击或者是选中的value值

摘要:

有时,我们会给某个元素通过JavaScript的方式绑定一个onclick(),或者是onchangge事件。

但是怎么给该方法传递当前选中元素的值呢?


解决办法:

一、该为JQuery的方式,通过$(this)来获取;

二、为onclick()放入this参数:οnclick="test_function(this)";

三、如果是获取select下拉列表框选中的value值,那么:onchangge="test_function(this.value)";


一、通过JQuery来实现

请参考我另一篇博客:

传送门:JQuery——获取当前点击元素的内容


二、为onclick()添加this

 例:

 jsp内容:

这是第一个段落。

这是第二个段落。

这是第三个段落。

   相关js事件,与JQuery的不同之处,就是需要将this作为onclick事件的参数:

 效果如下:

JavaScript——给onclick()方法传递当前点击或者是选中的value值_第1张图片

三、如果是获取select选中的value值,不论是alert html还是value都是行不通的。

 例:

jsp页面,与上述不同的地方是,此处直接将this.value作为了事件的参数



 相关事件,在事件中直接获取到了传递进来的value值
 效果如图,select又3改变成2,会弹出2对应的value值,在点击确定后,select会由选中3变成选中2.

JavaScript——给onclick()方法传递当前点击或者是选中的value值_第2张图片

但是用类似这种this.html获取选中的text值好像是行不通的。随意还是推荐使用JQuery来操作:

传送门: JQuery获取select选中的value、text等



如果有书写错误的地方,或者是有问题的地方请及时评论或者是私信,以免误导个别萌新。
虽然,我也是个萌新。

你好,我叫吕小布



你可能感兴趣的:(js获取选中元素的值,js通过this获取值,jquery,javascript)