Javascript 使用to 2可选择自动确定在第三个屏幕上选择的内容

Javascript 使用to 2可选择自动确定在第三个屏幕上选择的内容,javascript,Javascript,我想您需要使用javascript来实现这一点,我有三个选择 <select id="Sides"> <option value="Single">Single</option> <option value="Double">Double</option> </select> <select id="Delivery"> <option value="Standard">Standard</o

我想您需要使用javascript来实现这一点,我有三个选择

<select id="Sides">
<option value="Single">Single</option>
<option value="Double">Double</option>
</select>

<select id="Delivery">
<option value="Standard">Standard</option>
<option value="Express">Express</option>
</select>

<select id="SidesDelivery">
<option value="SingleStandard">Single Standard</option>
<option value="SingleExpress">Single Express</option>
<option value="DoubleStandard">Single Standard</option>
<option value="DoubleExpress">Single Express</option>
</select>

试着这样做:

var a = document.getElementById('Sides').value;
var b = document.getElementById('Delivery').value;

document.getElementById('SidesDelivery').value = a+b ;
试试这个解决方案

$('#Sides,#Delivery').change(function(){
    var one,two;
    if(this.id=="Sides"){
         one = $('#'+this.id).val();
         two= $('#Delivery').val();
    }
    if(this.id=="Delivery"){
        two = $('#'+this.id).val();
        one= $('#Sides').val();
    }

    $('#SidesDelivery > option').each(function(index,obj){

        if($(obj).text().split(" ")[0]== one && $(obj).text().split(" ")[1]==two){
            $(this).prop('selected','selected');
        }

    });


});

你试过什么?如果您展示了您尝试过但不起作用的代码,而不仅仅是询问如何做某事,那么您将在StackOverflow上获得更好的帮助。您是否在更改事件中使用了,但它们不起作用?尝试了这个和其他一些不起作用但没有JSFIDLE帐户的东西丢失了我所做的事情您能解释一下$'SidesDelivery>option.每个函数索引,obj{if$obj.text.split[0]==1&&$obj.text.split[1]==2{$this.prop'selected','selected';}工作我理解它的其余部分吗?这里jquery每个循环迭代每个下拉选项。代码$obj.text获得的值与Single Standard类似,现在我将其拆分,因此它返回一个数组,其中包含两个元素,即[Single,Standard],这里我们实现了if条件,即$obj.text.split[0]将在此处生成Single,$obj.text.split[1]将是标准的,并在变量1和变量2中分别赋值……因此,在满足条件的情况下,我们只需使用$this.prop“selected”和“selected”;……选择该选项……希望您现在明白了,是吗?
$('#Sides,#Delivery').change(function(){
    var one,two;
    if(this.id=="Sides"){
         one = $('#'+this.id).val();
         two= $('#Delivery').val();
    }
    if(this.id=="Delivery"){
        two = $('#'+this.id).val();
        one= $('#Sides').val();
    }

    $('#SidesDelivery > option').each(function(index,obj){

        if($(obj).text().split(" ")[0]== one && $(obj).text().split(" ")[1]==two){
            $(this).prop('selected','selected');
        }

    });


});