weixin_42567397 2022-05-10 15:54 采纳率: 0%
浏览 34

js动态创建一个输入框

问题遇到的现象和发生背景

想在js实现动态的下拉框：当点击添加时，前台根据后台传递的数据值，在页面上自动生成下拉框，生成下拉框的数量为后台传递值得数量，下拉框里面的值为后台传递过来的值分别列出。

问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

2条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-05-10 17:07
    关注
    
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
    </head>

    <body>
        <div id="box">
            <button id="add">添加</button>
            <div id="contant">

            </div>
        </div>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script>
            let list = [
                { name: '甲', value: 1},
                { name: '乙', value: 2}
            ]

            $("#add").click(function () {
                let options = ''
                list.forEach(function(item) {
                    options+=`<option value="${item.value}">${item.name}</option>`
                })
                $("#contant").append(`
                    <select name="" id="">
                        ${options}
                    </select>
                `)
            })
        </script>
    </body>

</html>
    评论

报告相同问题？

问题事件

  • 创建了问题 5月10日

悬赏问题

  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测，loss值优化，参数优化算法
  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request，如何使用ssr节点，通过代理requests网页。本人在泰国，需要用大陆ip才能玩网页游戏，合法合规。
  • ¥100 为什么这个恒流源电路不能恒流？
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题，上传的坐标文件里是怎么对无序点进行编号的，以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP