form的submit提交问题和select选中的当前项怎样获取

最近使用form的情况太多了,抽空说一下最常见的两个问题吧~~

  • form表单中submit按钮
    • 在form表单中最常见的表单提交都是需要触发自己的button的click事件进行判断后再进行提交,但是如果在form表单中将button的type类型设置为submit(),就会触发不了button的click事件了。因为此时,button设置为submit,在点击时会触发submit函数直接将数据提交,解决方式:将button的type改为button类型即可。(这类问题一定要注意,不然很坑)
  • form表单中select当前选中option怎样获取?
    • select中的option包括数据都是动态添加的,要为每个option添加点击事件需要使用事件委托,不然无法添加动态元素的事件,但是使用事件委托以后,又通过e.target无法获取到目标元素。所以,换一个思路,在select的onchange事件下,选择该select下option中seleted=selected的即可。真的,被思想坑了好一会儿,不过做出来了还是非常不错的。(具体:$("select.类名或#id option:selected").val())就可以获取到被选中的option的val值了,试一试吧。 欢迎各位留言,有不懂的可以问~~~

转载于:https://my.oschina.net/yxmBetter/blog/979040

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值