2017-01-03 4 views
-2

コンボボックスに数字を入力して自動的にコンボボックスの量をペイントします。コンボボックスで別のコンボボックスに数字を挿入すると自動的にコンボボックスが生成されます

combo

私は5を挿入する場合、私はそれが別の私は整数を受け取ることになりますで、自動的に5コンボボックスDIVで生成することにしたいです。 0を挿入しても何も生成されないようにするには、次のページに例があります。 http://www.pricetravel .com.mx/

0より大きい数値を入力すると、フィールドは自動的に生成されます

+0

これは非常に不明確である "私はコンボボックスに番号を入力します"。あなたはもっと具体的になりますか? – 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

関連する問題