首页 > 软件开发 > JavaScript >

jquery如何获取select选中的值

来源:互联网 2023-03-16 23:57:08 118

jquery获取select选中的值有2种办法,select的val方法或选中它选中的option再获取值。下面介绍具体操作jrO办公区 - 实用经验教程分享!

方法/步骤

  • 1

    使用JSRUN在线编写代码很方便,不了解的可以参考这篇经验。jrO办公区 - 实用经验教程分享!

    2如何在浏览器上编写HTML CSS JS 前端代码?jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

  • 2

    先编写一个最基本的select元素的结构jrO办公区 - 实用经验教程分享!

    jrO办公区 - 实用经验教程分享!

    select>jrO办公区 - 实用经验教程分享!

    option value='1'>jrO办公区 - 实用经验教程分享!

    jrO办公区 - 实用经验教程分享!

    /option>jrO办公区 - 实用经验教程分享!

    option value='2'>jrO办公区 - 实用经验教程分享!

    jrO办公区 - 实用经验教程分享!

    /option>jrO办公区 - 实用经验教程分享!

    option value='3'>jrO办公区 - 实用经验教程分享!

    jrO办公区 - 实用经验教程分享!

    /option>jrO办公区 - 实用经验教程分享!

    /select>jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

  • 3

    在javascript设置中选择jquery框架jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

  • 3本页面未经许可获取自百度经验
  • 4

    按f12打开控制台,页面选择名为"result"的iframejrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

  • 5

    输入jrO办公区 - 实用经验教程分享!

    $("select").val()jrO办公区 - 实用经验教程分享!

    并运行,发现可以准确输出选项的值jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

  • 6

    输入jrO办公区 - 实用经验教程分享!

    $("select option:selected")jrO办公区 - 实用经验教程分享!

    可以选择选中的元素。jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

  • 7

    对这个元素也可以用val方法获得它的值。jrO办公区 - 实用经验教程分享!

    还可以使用text()方法获得文本内容。jrO办公区 - 实用经验教程分享!

    jquery如何获取select选中的值jrO办公区 - 实用经验教程分享!

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


    标签: JQUERYJAVASCRIPT

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