需要幫助根據在下拉列表中進行的選擇動態更改分區中的值

Question

根據在下拉列表中進行的選擇，我需要幫助動態更改分區中的值。問題是，下拉菜單中的項目已具有其特定的值，因此無法更改。

<select onChange="doChange()" id="$toChangeId"> 
    <option value="1">a</option> 
    <option value="2">b</option> 
    <option value="3">c</option> 
</select> 
<div id="show"></div> 
<script> function doChange() { 
    var val1 = document.getElementById("$toChangeId").value; 
    document.getElementById('newPrice').innerHTML = val1; } 
</script> 

現在，在div欲當選擇「C」時顯示當選擇「B」的「a」被選擇時，「y」的「x」和「z」的。

我必須將該值傳遞給另一個操作。有人可以告訴我，我們如何將更多的數據從選擇選項傳遞給同一頁中的一個部門？

Answer 1

<script> 

function doChange() { 
var val1=document.getElementById("toChangeId").value; 
document.getElementById('newPrice').innerHTML = val1; } 
    </script> 

<select onChange="doChange()" id="toChangeId"> 
<option value="x">a</option> 
<option value="y">b</option> 
<option value="z">c</option> 
</select> 
<div id="newPrice"> 
</div> 

你應該通過X，Y，Z ..why 1,2,3

Answer 2

嘗試。

<select id="toChangeId"> 
    <option value="1">a</option> 
    <option value="2">b</option> 
    <option value="3">c</option> 
    </select> 

    <select id="show"></select> 



    <script> 

    $('#toChangeId').on('change', function() { 

     var value = this.value; 

     if(value == 1){ 
      $('#show') 
        .append($('<option></option>') 
        .attr("value", x) 
        .text("x")); 
     }else if(value == 2){ 
      $('#show') 
        .append($('<option></option>') 
        .attr("value", y) 
        .text("y")); 

     }else{ 
      $('#show') 
        .append($('<option></option>') 
        .attr("value", z) 
        .text("z")); 

     } 

    }); 
    </script>