✔ Jquery Formular-Elemente/Felder zählen und einzeln ansprechen

[messmar]

Hallo zusammen,

ich vesuche mit einem kleinen Plugin alle Formular-Elemente zu zählen und danach sie, jenach Type, zu filtern, damit ich dann einzelne ansprechen und jenach Konzept abzufragen kann...

Ein Teil des Puglins funktioniert... nur das mit dem, wo ich die Formular-Elemente durchgehen möchte, nicht... bzw. wußte ich nicht, wie ich es genau hinbekommen könnte.

Das ganze Plugin:

<script type="text/javascript">
            (function($) {
                ;$.fn.getFormData = function(/*options*/) {
                    //var opts = $.extend({}, $.fn.ControlSelect.defaults, options);
                    return this.each(function() {
                        var El = $(this);
                        
                        
                        $.fn.getFormData.getFobj_Els = function(elem) {
                            var _this = $(elem);

                            alert('_this1 NAME: ' + _this.attr('name'));
                            alert('_this1 ACTION: ' + _this.attr('action'));
                            
                            return _this;
                        };
                        
                        if (El.is('select') === true) {
                            if (!$.browser.opera) {
                                El.each(function() {
                                    var title = $(this).attr('title');
                                    if ($('option:selected', El).val() === '') {
                                        title = $('option:selected', El).text();
                                    }
                                    $(this).css({'z-index': 10, 'opacity': 0, '-khtml-appearance': 'none'})
                                            .after('<span class="' + El.attr('class') + '"' + ' id="' + El.attr('id') + '">' + title + '</span>')
                                            .change(function() {
                                        if ($('option:selected', El).val() !== '') {
                                            val = $('option:selected', El).text();
                                            El.next().text(val);
                                            El.css('color', '#000000');
                                            El.css('font-style', 'normal');
                                        }
                                    });
                                });
                            };
                        }
                        El.bind({
                            click: function() {
                                if (El.prev().attr('type') === 'radio')
                                    El.prev().attr('checked', true);
                                if(El.prev().attr('type') === 'checkbox'){
                                    if (!El.prev().attr('checked'))
                                        El.prev().attr('checked', true);
                                    else
                                        El.prev().attr('checked', false);
                                }
                            }
                        });
                    });
                };
            })(jQuery);
</script>

und hier die Mthode innerhalb des Plugin, wo ich dann die Elemente einzeln bearbeiten will.
Das ist natürlich wie man sieht, innerhalb des Plugins: getFormData.

Ich habe den Code, den ich vorhin bei: getFobj_Els, versucht habe, entfernt... daher enthlät sie
nur alerts.

...
$.fn.getFormData.getFobj_Els = function(elem) {
     var _this = $(elem);
     alert('_this1 NAME: ' + _this.attr('name'));
     alert('_this1 ACTION: ' + _this.attr('action'));
                            
     return _this;
};
...

Auruf erfolgt natürlcih über:

      $('.select').getFormData();  
      $('.Radio_Woman').getFormData();
      $('.Radio_Man').getFormData();
      $('.lab_checkDatenSchutz').getFormData();
      $('.lab_checkInfoService').getFormData();
      $('form[name="formGetData"]').getFormData.getFobj_Els('#formGetData');

Die Mthode, die ich erweitern möchte ist diese:

      getFobj_Els()

Form-ID ist: formGetData

P.S. über Google, bin nicht leider nicht fündig geworden ;-(

Vielen Dank und Gruß
Messmar

 

[messmar]

Hallo zusammen,

resolved:

....
_this.find(':input').each(function(){
      var self = $(this);
      alert(self.attr('name'));
      alert(self.val());
});
....

Danke und Gruß
Messmar