更改选择框中的选项 [英] Change options in select box

问题描述

两个选择框，第二个选择框选项应根据您在第一个中选择的内容而改变.我该如何使用jQuery?

two select boxes,second select box options should change depending on what you chose in first. how can i do this with jquery?

<select class="units">
    <option value="1">Sve ponude</option>
    <option value="2">Srbija</option>
    <option value="3">Grcka</option>
</select>
<select class="units">
    <option value="1">Sve ponude</option>
    <option value="2">Novi Sad</option>
    <option value="3">Beograd</option>
</select>

推荐答案

var one = ['Madison','Janesville', 'Green Bay'];
var two = ['Sacramento', 'Los Angeles', 'San Fransisco'];
var three = ['Richmond', 'Roanoke', 'Harrisonburg'];

$('#ddl1').change(function(){
    //clear values
    $('#ddl2').html('');

    //find which list to use
    var list = [];
    switch($(this).val()){
        case "1":
            list = one;
            break;
        case "2":
            list = two;
            break;
        case "3":
            list = three;
            break;
    }

    //populate dropdown
    $.each(list, function(index, value){
        $('#ddl2').append("<option>"+value+"</option>");
    });
});

https://jsfiddle.net/b1nygzxm/

这篇关于更改选择框中的选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！