如何更改第二個下拉列表中的預設默認值

我有兩個下拉列表「optionone」和「optiontwo」，我想將默認選擇值從「option value = 3> 3」更改爲選項值= 3選擇> 3時2從我的第一個下拉列表（「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>

我的下拉列表中選擇

<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>

，我想改變以下時，2是從選擇我的第一個下拉列表（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>

我有點卡住

來源

2016-04-14 Rich

可能的複製[使用jQuery更改下拉列表的選定值]（http://stackoverflow.com/questions/499405/change-the-selected-value-of-a-drop-down-list-with-jquery） – nyname00

你有一個無效markup，<option>必須被關閉
沒有id屬性爲第二選擇輸入
您可以設置value屬性，而不是使用索引查找選項值。
value應該被包裹在quote
，而不是與selected屬性彈，設置的值會使得option選擇。
相反的inline-event-binding，使用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>

來源

2016-04-14 10:51:55 Rayon

刪除的onChange = 「」從HTML

並更新您代碼或標記這樣的..

<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>

然後添加這段JavaScript代碼

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

，你的問題就解決

來源

2016-04-14 11:11:26

這是jQuery，所以我需要添加jquery天秤座ry爲此工作，這是它 – Rich

@很好看我的例子我更新，所以你可以得到JavaScript代碼 –

由於以上我適應人造絲的腳本來更新我想，如下

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

來源

2016-04-14 14:31:35 Rich

如何更改第二個下拉列表中的預設默認值

回答

相關問題