Question

第一个组合框有7-10等级，第二个组合框包含每个等级的部分。我想要实现的是当用户选择7作为等级时，第二个组合框将更改其内容并显示等级7的可用部分。有关如何实现此目的的任何提示？我知道这与onchange事件有关。

Answer 1

试试DEMO 由于您没有提供更多详细信息，我只是在组合框 的更改事件上使用javascript数组映射组合框的值

我最初的HTML是

 <select id="grade">
   <option value=""></option>   
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
</select> 
 <select id="mapping">

</select>

其中成绩是来源，成绩是目标

我的jquery代码是

$(function(){
    $("#grade").change(function(){
        var selectedvalue = $(this).val();
        var listofvalues =[{"text":"seven","value": "7"},{"text": "eight","value":"8"},{"text": "nine","value" :"9"},{"text" : "ten","value" : "10"}];
        var filter = $.grep(listofvalues,function(item){
                   return item.value == selectedvalue;
        });   
        $('#mapping').html('');
        //console.log(filter);
        $.each(filter,function(i,item){
        $('#mapping').append('<option value="'+ item.value +'">'+ item.text +'</option>');
        });



    });


});

希望有所帮助

选择成绩后更改部分显示

1 个答案: