jQuery取得select选中的值

最新推荐文章于 2024-08-29 02:08:04 发布

outside-R

最新推荐文章于 2024-08-29 02:08:04 发布

阅读量1.2w

点赞数 2

分类专栏：前端小项目文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45044349/article/details/124032544

版权

前端小项目专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客介绍了在jQuery中如何获取select选中的值以及textarea中的输入内容，特别是在表单提交时进行验证的场景。

摘要由CSDN通过智能技术生成

图示：

在这里插入图片描述

在这里插入图片描述
点击提交时，需要做判断【则需要选中表单，判断是否填写内容】
①select：

$("#select1  option:selected").text();  //选择反馈类型
$('#select option:selected').val();   //0

②textarea:

$('#feed_txt').val()

③如何用jquery获取中输入的值？

$(" #test ").val()
$(" input[ name='test' ] ").val()
$(" input[ type='text' ] ").val()
$(" input[ type='text' ]").attr("value")

完整代码

<html>
 <div class="form">
                <div class="hd">我要反馈</div>
                <form action="">
                    <select name="" id="select">
                        <option value="0">选择反馈类型</option>
                        <option value="1">产品咨询</option>
                        <option value="2">使用反馈</option>
                        <option value="3">缺陷提交</option>
                        <option value="4">服务投诉</option>
                        <option value="5">其他</option>
					</select>
                    <textarea placeholder="输入反馈内容" id="feed_txt"></textarea>
                    <input type="text" class="feed_tel" placeholder="您的联系电话是？">
                    <button type="submit" onclick="feedSub()">提交</button>
                </form>
            </div>
</html>
<script>
   function feedSub() {
        var val_type = $('#select option:selected').val();
        var val_txt = $('#feed_txt').val()
        var val_tel = $("input[type='text']").val()

        if (val_tel == '' || val_type == '0' || val_txt == '') {
            alert('请填写完整！')
        } else {
            alert('提交成功！')
        }

    }
</script>