网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jquery如何获取表单select选项的值?

2021/9/28 20:46:56

jQuery 中非常重要的部分,就是操作DOM的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 我们通过以下例子来看看如何获取select选项的值。<!DOCTYPE html><html> <head> <title>jqu…

        jQuery 中非常重要的部分,就是操作DOM的能力。

        jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

        我们通过以下例子来看看如何获取select选项的值。

<!DOCTYPE html>
<html>
    <head>
        <title>jquery如何获取表单select选项的值?www.woaidaogu.com</title>
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
        <select name="_select" id="_select" onchange="Show_select()">
            <option value="芒果">芒果</option>
            <option value="石榴">石榴</option>
            <option value="猕猴桃">猕猴桃</option>
            <option value="冬枣">冬枣</option>
        </select>
        <span id="span">
        </span>
        <script>
            function Show_select() {
                 var options = $("#_select option:selected"); //获取选中的项
                 alert(options.val()); //拿到选中项的值
                 $("#span").html(options.text()); 
            }
        </script>
    </body>
</html>


image.png

        通过以上内容我们知道了jquery如何获取表单select选项的值,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...