下拉選項根據最大數量和其他下拉選項進行更改
[英]Dropdown option changes based on max number and other dropdown selection
問題描述
我有一個帶有2個下拉框的頁面。 一個用於接送一些成人，另一個用於接送一些孩子。
選擇項的總和最大值不能超過10。因此，例如，如果在成年人中選擇4，則兒童下拉菜單中的選項數將為0到6。如果我在成年人中選擇9，則兒童下拉菜單中的選項將僅為0和1。總的組合選擇永遠不會超過10。
我對JS / jQuery相當陌生。 誰能給我提示或指出正確的方向？
/邁克爾
2 個解決方案
解決方案1
0 已采納 2015-03-26 11:53:56
您可以執行以下操作：
$(document).ready(function () { $("#ddlAdult").change(function(){ console.log("In"); var value = parseInt($(this).val()); var optionsToBeCreated = 10 - value; var count =0; $("#ddlChildren").empty(); console.log(optionsToBeCreated); while(count <= optionsToBeCreated) { console.log("In"); $("#ddlChildren").append("<option value="+count+">"+count+"</option"); count = count + 1; } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="ddlAdult"> <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> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <select id="ddlChildren"> </select>
解決方案2
0 2015-03-26 12:28:04
將以下代碼保存為HTML並在瀏覽器中運行。 這將按預期工作。
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script language="javascript"> var adultValue=0; var childValue=0; var valueChk=0; $( document ).ready(function() { for(i=0;i<=10;i++) $(".adult").append('<option value='+i+'>'+i+'</option>'); $( ".adult" ).change(function() { adultValue=$( ".adult" ).val(); // alert(adultValue); valueChk=10-adultValue; $('.child') .find('option') .remove() .end(); for(j=0;j<=valueChk;j++) { $(".child").append('<option value='+j+'>'+j+'</option>'); } }); $( ".child" ).change(function() { valueChk=parseInt($( ".adult" ).val())+parseInt($( ".child" ).val()); alert(valueChk); }); }); </script> </head> <body> <select class="adult"> </select> <select class="child"> </select> </body> </html>
如何基於另一個下拉列表中的選擇來選擇下拉列表中的選項
[英]How to select an option in a dropdown list based on a selection in another dropdown list
如何創建一個動態下拉選擇元素，其選項計數根據某個 div 的子元素數量而變化？
[英]How to create a dynamic dropdown selection element whose option count changes according to the number to child a certain div has?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.