wie automatisch wählen jquery

Question

diese Anfrage kann ein wenig albern für Sie kommen.

Select 1

<select id="select1" name="s1"> 
    <option id="1" value="Facebook and Twitter">Value 1</option> 
    <option id="2" value="Google and Yandex">Value 2</option> 
    . 
    . 
    . 
</select> 

Select 2

<select id="select2" name="s1"> 
    <option id="1" value="Okay">Value 1</option> 
    <option id="2" value="No">Value 2</option> 
    . 
    . 
    . 
</select> 

Wie OK wählen, wenn Facebook und Twitter ausgewählt werden?

Answer 1

Vor allem der Name und die ID der beiden Dropdwon sind gleich, machen Sie es anders. Und Sie können ein Drop-down wie:

wählen Es wird Dropdown-Option mit Wert 2 wie ausgewählt.

$(document).ready(function(){ 
 
    $('#select2').val('No'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="s2" id="select2"> 
 
    <option value="Okay">Value 1</option> 
 
    <option value="No">Value 2</option> 
 
</select>

Ex: Es wird die Drop-Down-Value 2 dh No als

Answer 2

1. ausgewählt machen: id muss .. so eindeutig sein Klasse anstelle duplizieren nicht id

2.: Sie müssen .change() Ereignis für selest 1 und bekommen seine .val()

3.: dieses .val() mit Wert vergleichen Sie Facebook und Twitter

4.: Sie Ok-prop("selected" , true) müssen aus select 2ODER verwenden Sie einfach .val('Okay')

$(document).ready(function(){ 
 
    $('#select1').on('change', function(){ 
 
    var ThisVal = $(this).val(); 
 
    if(ThisVal == "Facebook and Twitter"){ 
 
     $('#select2').val('Okay'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="s1" id="select1"> 
 
    <option value="Facebook and Twitter">Facebook and Twitter</option> 
 
    <option value="Google and Yandex">Google and Yandex</option> 
 
</select> 
 
<select name="s2" id="select2"> 
 
    <option value="Okay">Okay</option> 
 
    <option value="No">No</option> 
 
</select>

Answer 3

1) Id attribute sollte für jedes Element

2) Verwenden Sie auf change Veranstaltung einzigartig sein, die current value der ersten select zu bekommen, wenn es Facebook and Twitter dann okay in Sekunden wählen sonst No wählen wie diese

$(document).ready(function(){ 
 
    $('#select2').val('No'); 
 
}); 
 

 
$(document).on('change','#select1',function(){ 
 

 
    if($(this).val()=='Facebook and Twitter'){ 
 
    
 
    $('#select2').val('Okay'); 
 
    
 
    }else{ 
 
    
 
    $('#select2').val('No'); 
 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select name="s1" id="select1"> 
 
    <option value="">select</option> 
 
    <option value="Facebook and Twitter">Value 1</option> 
 
    <option value="Google and Yandex">Value 2</option> 
 
</select> 
 
<select name="s2" id="select2"> 
 
    <option value="">select</option> 
 
    <option value="Okay">Value 1</option> 
 
    <option value="No">Value 2</option> 
 
</select>

Answer 4

können Sie versuchen, diese

$(document).ready(function(){ 
 
if($("[name='s1']").val() == "Facebook and Twitter"){ 
 
     $('#select2 option[value=Okay]').attr('selected','selected'); 
 
    } 
 
    
 
    $("[name='s1']").change(function(){ 
 
    if($(this).val() == "Facebook and Twitter"){ 
 
     $('#select2 option[value=Okay]').attr('selected','selected'); 
 
    } 
 
    else{ 
 
     $('#select2 option[value=No]').attr('selected','selected'); 
 
    } 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="s1"> 
 
    <option value="">Select</option> 
 
    <option id="1" value="Facebook and Twitter">Value 1</option> 
 
    <option id="2" value="Google and Yandex">Value 2</option> 
 

 
</select> 
 
<select name="s2" id="select2"> 
 
    <option value="">Select</option> 
 
    <option value="Okay">Value 1</option> 
 
    <option value="No">Value 2</option> 
 
</select>