jquery实时监听选择框select内容变化

作为前端小白,继续记录自己的成长点滴...


先上效果图吧,虽然丑了点

jquery实时监听选择框select内容变化_第1张图片

先上代码:




	
	
	用户中心
	
	



	

下面是关键代码:

  1.             
  2.             $('#cont select').change(() => {
  3.                 console.log($('#cont select').val());

老样子总结下就是

1.让select下的option选项内容值与value值相对应

2.利用jquery自带的监听函数change()即在select选择框值改变时触发函数

3.通过.val()获取其内容,当然还有一种方式就是代码中被我注释掉的: $('#cont select option:selected').text()两种方式皆可。

 

你可能感兴趣的:(前端,javaScript,jquey)