如何從選擇列表中自動生成多個選擇列表，如下例所示：

我的代碼：

HTML：

--How?many?rooms??--

1

2

3

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?}?)?))

}

}});

此代碼僅創(chuàng)建文本輸入。但是，我需要通過從選擇選項(xiàng)中選擇數(shù)字來顯示多個房間(chambre)。之后，如果我選擇N個孩子(enfants)，N選擇應(yīng)該出現(xiàn)選擇他們的年齡。

總結(jié)

以上是生活随笔為你收集整理的select选择后生成html,Javascript - 从select中添加选择列表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。