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中我想显示＆＃34; x＆＃34;什么时候＆＃34; a＆＃34;被选中，＆＃34; y＆＃34;什么时候＆＃34; b＆＃34;被选中并且＆＃34; z＆＃34;什么时候＆＃34; c＆＃34;被选中。

我必须传递另一个操作的值。有人可以告诉我如何将select选项中的更多数据传递到同一页面中的一个部门吗？

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>

需要帮助根据下拉列表中的选择动态更改除法中的值

2 个答案: