2016-12-05 5 views
0

one2many関連フィールドの表示をoptgroupに変更しようとしています。このため、jqueryで試してみます。これは最初にウィジェットを選択してからiに変更します。 jqueryを使ってみてください。ここに私のjqueryコードone2manyをodooのoptgroupに変換する方法9

<script type="text/javascript"> 
    (function() { 
    var displayEduacationfield = function(){ 
     var course_value = jQuery('#oe-field-input-13').val(); 
     console.log("Hii"); 
     console.log(course_value); 
     var course_value = jQuery('#oe-field-input-13').val(); 
     if (course_value == "15"){ 
     jQuery('select[name="x_pg_institution"]').hide(); 
     } 
    }; 
    displayEduacationfield(); 
    var restructureCourseSelector = function() { 
    jQuery('select[name="x_course_id"]').each(function() { 
    var _self = jQuery(this); 
    var _parentSelect = _self.parent(); 
    if(!_parentSelect.is('select')) 
     return; 
    var selfText = jQuery.trim(_self.text()); 
    if(selfText == "") 
     return; 
    _self.data('originalText', selfText); 
    var selfText_a = selfText.split('-'); 
    var groupName = selfText_a.shift(); 
    var optionName = selfText_a.join('-'); 
    _self.text(optionName); 
    var _group = _parentSelect.find('optgroup[label="'+groupName+'"]'); 
    if(!_group.length) { 
     _group = jQuery(document.createElement("optgroup")); 
     console.log("hello"); 
     _group.attr("label", groupName); 
     _parentSelect.append(_group); 
    } 
    _group.append(_self); 
    }); 
}; 
restructureCourseSelector(); 
    })(); 
</script> 

私は適切な解決策を得ていません。もしあなたが何か考えがあるなら、私と分かち合ってください。

答えて

0
var restructureCourseSelector = function() { 
    jQuery('select[name="x_course_id"]').find('option').each(function() 
{ 
    var _self = jQuery(this); 
    var _parentSelect = _self.parent(); 
    if(!_parentSelect.is('select')) 
     return; 
    var selfText = jQuery.trim(_self.text()); 
    if(selfText == "") 
     return; 
    _self.data('originalText', selfText); 
    var selfText_a = selfText.split('-'); 
    var groupName = selfText_a.shift(); 
    var optionName = selfText_a.join('-'); 
    _self.text(optionName); 
    var _group = _parentSelect.find('optgroup[label="'+groupName+'"]'); 
    if(!_group.length) { 
     _group = jQuery(document.createElement("optgroup")); 
     _group.attr("label", groupName); 
     _parentSelect.append(_group); 
    } 
    _group.append(_self); 
    }); 
}; 
jQuery(document).ready(function() { 
    restructureCourseSelector(); 
}); 
jQuery(document).ajaxComplete(function() { 
    restructureCourseSelector(); 
}); 

魔法のように、この1つの作業..

関連する問題