首页 > 软件开发 > JQUERY >

jquery如何获取select选中的值

来源:互联网 2023-03-16 23:54:51 419

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

方法/步骤

  • 1

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

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

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

  • 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 3

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

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

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

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

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

  • 5

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

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

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

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

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

  • 6

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

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

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

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

  • 7

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

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

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

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


    标签: JQUERYJAVASCRIPT

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