首页 > 软件开发 > JQUERY >

jQuery怎样获取元素值,怎样获取select选中的值

来源:互联网 2023-03-16 23:54:52 版权归原作者所有,如有侵权,请联系我们

HTML中可以用jQuery操作元素,从而进行排列布局。今天小编我就来告诉大家jQuery怎样获取元素值以及获取select选中的option值。yZT办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Hbuilder jQuery

方法/步骤

  • 1

    这是一个引入有jQuery的HTML例子界面,div设置了id和class。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 2

    之后,jQuery便可以根据页面id和class来轻松找到元素。id前面要加一个#号哦。html()是获取内容的jQuery方法,获取元素后直接用便OK了。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 3

    接着可以用alter调试看看获取的内容,当然也可以用其他你习惯的调试方法。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 4

    之后,看下有没有真的获取到了拥有id的元素,弹出内容正确,说明获取了。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 4相关内容未经许可获取自百度经验
  • 5

    class跟id差不了多少,但是要把#改成.(点),这样才会有效哟。而如果用标签名直接查找元素则直接写标签名便可以了。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 6

    而我们来看一个select的例子,可以添加change事件,然后val()就可以得到option的value值了。需要注意,option里面的value不能为空,否则获取也为空。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 7

    而text()则是获取option标签中的文本,find用来设置选中的option。也就是说即使option中的value为空也不影响text()获取值。但是一般来说提交表单时需要的是value,而不是text文本,所以用val就可以了。yZT办公区 - 实用经验教程分享!

    jQuery怎样获取元素值,怎样获取select选中的值yZT办公区 - 实用经验教程分享!

  • 注意事项

    • 有用可以收藏分享。
    • 没用可以投反对票。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!yZT办公区 - 实用经验教程分享!


    标签: JQUERYHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号