select选择后生成html,Javascript - 从select中添加选择列表

如何从选择列表中自动生成多个选择列表，如下例所示：

我的代码：

HTML：

--How many rooms ?--

JS：$(document).ready(function() {

$('select#select_btn').change(

function() {

var sel_value = $('option:selected').val();

$("#form_submit").empty(); //Resetting Form

// Below Function Creates Input Fields Dynamically

create(sel_value);

// Appending Submit Button To Form

}

);

function create(sel_value) {

for (var i = 1; i <= sel_value; i++) {

$("div#form1").append($("#form_submit"

).append($("

).append($("").text("Chambre " + i)),

$("",

{ type: 'text', placeholder: 'Chambre ' + i, name: 'Chambre-' + i } ) ))

}

}});

此代码仅创建文本输入。但是，我需要通过从选择选项中选择数字来显示多个房间(chambre)。之后，如果我选择N个孩子(enfants)，N选择应该出现选择他们的年龄。

select选择后生成html,Javascript - 从select中添加选择列表相关推荐

uni中使用select标签后生成APP页面跳转空白
uni中使用select标签后生成APP页面跳转空白最近再用webstrom时,写uni APP时发现一个问题当生成apk后,带有select选择器标签的页面突然无法显示一片空白. 报错显示:Ca ...
Select 子句后的别名,在where条件中不能使用
SELECT * FROM student WHERE (条件) 执行顺序,先执行FROM 子句,然后执行WHERE 子句,最后执行SELECT 所以Select 子句后的别名,在where条件中不能 ...
Angular Component代码和编译后生成的JavaScript代码
从 TypeScript 转换为 JavaScript 在这里称为编译. 在这种情况下,compiling 并不意味着创建二进制代码. 对于这种翻译,使用术语 transpilation 而不是 co ...
jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能.分享给大家供大家参考,具体如下: 最近为了实现这个简单的功能也是看了很多的内容,终于找出了看起来简单易实现的方法,我觉得能用最简洁 ...
rmd转换html怎么换页,如何在由RStudiomarkdown生成的单词文档中添加分页符
您尝试做的是强制在使用Pandoc生成的单词文档中的"分页符"或"新页面".我已经找到了在我的环境中做到这一点的方法,但我不确定它会在每个环境中工作. 我的环境 ...
重启计算机后回收站,win7在右键菜单中添加“清空回收站”和“重新启动”选项的方法（图文）...
win7系统需要定期清理一些无用的垃圾文件,删除的垃圾文件都在回收站,长时间堆积回收站里面的垃圾也占用内存,所以也要清理的.如果每天都需要使用清空回收站和重启,那么可以在右键菜单中添加"清空 ...
如何找到 SAP Spartacus 里某个 Component TypeScript 编译后生成的 JavaScript 位置
需求如何找到触发该网络请求的准确代码位置? 从 initiator 里查看调用栈上下文,一点头绪也没有. 找到触发该网络请求的控件的 selector:cx-register 在 Storefron ...
如何在html中添加选择列表,html – 如何在选择列表中添加图像
在Firefox中,您可以只添加背景图片到选项: male female others 更好的是,你可以分离HTML和CSS HTML male female others CSS select#ge ...
python中选择结构通过什么语句实现_Python中选择结构通过什么语句实现
Python中选择结构通过什么语句实现 Python中的选择结构语句是 if elif else. Python用缩进代替了Java/C/C++/C#中常用的大括号{}来区分代码块,另外Python在 ...

select选择后生成html,Javascript - 从select中添加选择列表

select选择后生成html,Javascript - 从select中添加选择列表相关推荐

最新文章

热门文章