2017-01-03 84 views
-2

我想輸入一個組合框的編號,並自動繪製網頁中的組合框的數量,有人可以幫助我一些教程嗎?在另一個組合框中插入數字時自動生成組合框

combo

在組合框,如果我插入5我希望它在另一個生成DIV自動組合框5中,我將收到的整數。如果我插入0不想生成任何內容,則在下面的頁面上顯示一個示例 http://www.pricetravel .com.mx/

在酒店部分中,如果您輸入的數字大於零,這些字段會自動生成

+0

「我要進入一個ComboBox一些」 這是非常不清楚。你可以說得更詳細點嗎? – Seano666

+0

發佈您到目前爲止所嘗試的內容。 – sh1rts

回答

2

我寫了一個Jquery代碼來滿足您的要求。

$(document).ready(function() { 
 
    $("#cbo-select").change(selectedElementChanged); 
 

 
}); 
 

 
function selectedElementChanged() { 
 

 
    var selectedValue = $("#cbo-select").val(); 
 
    if (parseInt(selectedValue)) { 
 
    $("#area").empty(); 
 
    for (var i = 0; i < selectedValue; i++) { 
 
     $("#area").append('<select><option>test</option></select></br>'); 
 
    } 
 
    } 
 

 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script data-require="[email protected]" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script> 
 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body> 
 

 
    <select id="cbo-select"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
    <option value="5">5</option> 
 
    </select> 
 

 
    <div id="area"> 
 

 
    </div> 
 
</body> 
 

 
</html>

+0

如果我想要新的組合框將水平創建? – Colours123

+0

只是從追加行刪除
。 $(「#area」)。append(''); –

+0

當我選擇零時,總會出現一個選擇,當我選擇零時,如何刪除選擇? – Colours123