JS 动态展示根据input值来添加或删除下拉框

最新推荐文章于 2023-05-17 17:04:24 发布

置顶

ys_xz

最新推荐文章于 2023-05-17 17:04:24 发布

阅读量467

点赞数 1

分类专栏：前端文章标签： javascript jquery html5

本文链接：https://blog.csdn.net/weixin_48057990/article/details/108143153

版权

该博客介绍了如何根据HTML input输入框的值，动态地在页面上添加或删除div内的select下拉框和input文本框。同时，它还展示了如何依据下拉框的选择，改变input文本框的placeholder提示和type属性。

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

根据input输入框的值，动态展示div里面的select下拉框和input文本框的数量；再根据下拉框的值，动态展示input文本框的placeholder提示和type类型

HTML页面

<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>XXX</title>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" ></script>
</head>
<body>
<div class="form-group">
   <label>挑战获奖名次数目：</label>
     <div>
        <input name="ranking" id="ranking" value="" type="number" max="10" min="1" required>

最低0.47元/天解锁文章

ys_xz

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS 动态展示根据input值来添加或删除下拉框

HTML页面<!DOCTYPE html><html xmlns:th="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>XXX</title&g
复制链接

扫一扫