【问题标题】:Js on change dropdown更改下拉列表中的 Js
【发布时间】:2016-01-20 08:42:10
【问题描述】:

我有一个表单,它有一个隐藏的文本输入,它获取名为 user_number_id 的用户 ID,并且根据值,名为 departamento_drop 的下拉列表将过滤到 retorno1 的选项。问题是,当我打开此表单以编辑其中的内容时,此下拉列表的选定选项会自动更改并更改实际选定的值。如何保持选定的值处于选中状态并确保过滤器能够理解并且必须尊重它?

$("#user_number_id").val(function(){
        var selecionado = $(this).val();
        jQuery.get("<?php echo base_url().'departamentos/filter_departamento/'; ?>"+selecionado,
        function(retorno1){
            var ret1 = '<option value="0">------ N/A ------</option>' + retorno1;
            var ret2 = retorno1 + '<option value="0">------ N/A ------</option>';
            if($("#departamento_drop option:selected").val() > '0'){
                jQuery("#departamento_drop").html(ret2);

            }else{
                jQuery("#departamento_drop").html(ret1);
            }
        });
});

【问题讨论】:

    标签: javascript php jquery onchange


    【解决方案1】:

    经过 9 个小时的工作,我完成了这个解决方案,但我仍然需要找到如何从 retorno1 中删除选定的选项以不被复制,如果有更好的想法请分享。谢谢

    $("#user_number_id").val(function(){
            var selecionado = $(this).val();
            jQuery.get("<?php echo base_url().'departamentos/filter_departamento/'; ?>"+selecionado,
            function(retorno1){
                var i = 0;
                var pre = retorno1 + '<option value="0">------ N/A ------</option>';
    
                var count = $($.parseHTML(retorno1)).filter('option').length;
                var dep_dr = $("#departamento_drop option:selected").val();
    
                for(i=0; i < count; i++){
                var val_drop = $($.parseHTML(retorno1)).filter("option[value*='" + i + "']").val();
                var text_drop = $($.parseHTML(retorno1)).filter("option[value*='" + i + "']").text();
                    if (val_drop == dep_dr){
                          jQuery("#departamento_drop").html("<option value ='"+val_drop+"' selected='selected'>"+text_drop+"</option>"+pre);
                    }else if(dep_dr == '0'){
                            jQuery("#departamento_drop").html("<option value ='"+dep_dr+"' selected='selected'>------ N/A ------</option>"+pre);
                    }
                }
            }); 
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-09-02
      • 1970-01-01
      • 2015-03-01
      • 1970-01-01
      • 2021-01-01
      • 1970-01-01
      相关资源
      最近更新 更多