So ändern Sie den ausgewählten Standardwert in einer zweiten Dropdown-Liste

Question

Ich habe zwei Dropdown-Liste "optionone" und "optiontwo" und ich möchte den standardmäßig ausgewählten Wert von "Option Wert = 3> 3" zu Option Wert ändern = 3 ausgewählt> 3, wenn 2 von meiner ersten Drop-Down-Liste ausgewählt wird ("optionone")

<script> 

function myFunction() { 
    var mylist = document.getElementById("optionone"); 
     var myvalue = mylist.options[mylist.selectedIndex].value 

     if (myvalue == 2) { 
     //do stuff 
    document.getElementById("optiontwo") 
     //Change <option value=3>3 to <option value=3 selected>3 
     } 

} 
</script> 

Meine Dropdown-Liste

<select name="optionone" onchange="myFunction()"> 
    <option value=1>1 
    <option value=2>2 
    <option value=3>3 
    <option value=4>4 
    <option value=5>5 
    <option value=6>6 
</select> 

<select name="optiontwo"> 
    <option value=1>1 
    <option value=2>2 
    <option value=3>3 
    <option value=4>4 
    <option value=5>5 
    <option value=6>6 
</select> 

, die ich ändern will nach dem, wenn 2 von ist wählen Meine erste Dropdown-Liste (optionone)

<select name="optiontwo"> 
    <option value=1>1 
    <option value=2>2 
    <option value=3 selected>3 
    <option value=4>4 
    <option value=5>5 
    <option value=6>6 
</select> 

Ich bin ein bisschen stecken

Answer 1

1. Sie haben eine ungültige markup, <option> geschlossen werden muss
2. Es gibt kein id Attribut für die zweite Eingabe wählen
3. Sie können einstellen, das value Attribut statt Finden des Optionswertes mit Index.
4. value soll mit selected Attribute des Spielens in quote
5. Statt gewickelt werden, um den Wert Einstellung wird option ausgewählt werden.
6. Statt inline-event-binding verwenden addEventListener

/* 
 
function myFunction(elem) { 
 
    document.getElementById("optiontwo").value = elem.value; 
 
} 
 
*/ 
 
document.getElementById('optionone').addEventListener('change', function() { 
 
    document.getElementById("optiontwo").value = this.value; 
 
});

<select name="optionone" id="optionone" onchange="myFunction(this)"> 
 
    <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> 
 
</select> 
 
<select name="optiontwo" id='optiontwo'> 
 
    <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> 
 
</select>

Answer 2

entfernen onChange = "" von html

Und Sie Code aktualisieren oder wie diese Markup ..

<select name="optionone" id="optionone"> 
    <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> 
</select> 
<select name="optiontwo" id='optiontwo'> 
    <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> 
</select> 

und dann diesen Javascript-Code hinzufügen

document.getElementById('optionone').addEventListener('change', 
function() { 
    if(this.value == 2){ 
     document.getElementById("optiontwo").value = 3; 
    } 
}); 

und Ihr Problem wird

Answer 3

Dank der oben I Rayon Skript angepasst zu aktualisieren lösen, wie ich wollte, wie

von

<script> 
document.getElementById('optionone').addEventListener('change', function() { 
    if (this.value == 2){ 
     document.getElementById("optiontwo").value = 3; 
    } 
}); 
</script>