首页 前端知识 HTML5下拉列表中 <datalist> 元素用jquery动态绑定option数据

HTML5下拉列表中 <datalist> 元素用jquery动态绑定option数据

2024-06-18 09:06:35 前端知识 前端哥 248 714 我要收藏

首先看看从菜鸟复制下来看效果的,可以看出每一个option是写死的,写网页指定少不了从接口获取数据,那我就没办法把数据写死展示出来了。

    <form action="demo-form.php" method="get">
        <input list="browsers" name="browser">
        <datalist id="browsers">
          <option value="Internet Explorer">
          <option value="Firefox">
          <option value="Chrome">
          <option value="Opera">
          <option value="Safari">
        </datalist>
        <input type="submit">
    </form>

所以接下来是要把option中的value处理成动态的

第一步,先引入jquery.js

 第二步,写一个form表单里面装着选项列表<datalist></datalist>和文本输入框<input />,并给予相应的

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12618.html
标签
评论
发布的文章

@JsonSerialize注解的使用

2024-06-24 23:06:21

npm install报错

2024-06-24 23:06:56

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!