h5 datalist标签获取值

最新推荐文章于 2021-11-19 10:19:18 发布

weixin_30852451

最新推荐文章于 2021-11-19 10:19:18 发布

阅读量2.1k

点赞数 1

原文链接：http://www.cnblogs.com/d-i-p/p/11041535.html

版权

这篇博客讲述了在HTML5中使用datalist标签时遇到的问题，即无法通过val()获取选中的值。作者分享了解决方案，即通过配套的input元素来正确获取所选值的代码示例。

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

今天使用datalist标签时，想要获得选中的值，发现使用datalist标签上的val()输出结果一直都是空的

后面改用配套的input获得值

代码如下

<!DOCTYPE html>
<html>

<head>
        <meta charset="UTF-8">
        <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
        <script>
                $(window).on('load', function () {
                        $('#check').click(function () {
                                alert($("#datalist_1").val());
                                alert($("#txt_1").val());
                        });
                }); 
        </script>
</head>

<body>
        <input id="txt_1" list="datalist_1" />

        <datalist id="datalist_1">
                <option data-id="data_

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30852451

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
h5 datalist标签获取值

今天使用datalist标签时，想要获得选中的值，发现使用datalist标签上的val()输出结果一直都是空的后面改用配套的input获得值代码如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="https://cdn....
复制链接

扫一扫