javascript - jQuery - get array with input names as keys - Stack Overflow

admin管理员组

文章数量:1415139

I need get the same type of array that this.form.elements returns, with input names as array keys.

I tried this.toArray(), but even though it looks the same, it's missing the name keys (the keys are numbers).

Here's the full function:

(function( $ ) {
  $.fn.blah = function(){
    var that = this;
    return this.each(function(){
       $(this).bind('change', function(){
           var matches1 = that.toArray();  // this doesn't work
           var matches2 = this.form.elements;  // this works.

           console.log(matches1); // but both arrays look the same. wtf?
           console.log(matches2);

           return true;
        }).change();

   });
 };

 })(jQuery);

using it as $("input").blah();

I need get the same type of array that this.form.elements returns, with input names as array keys.

I tried this.toArray(), but even though it looks the same, it's missing the name keys (the keys are numbers).

Here's the full function:

(function( $ ) {
  $.fn.blah = function(){
    var that = this;
    return this.each(function(){
       $(this).bind('change', function(){
           var matches1 = that.toArray();  // this doesn't work
           var matches2 = this.form.elements;  // this works.

           console.log(matches1); // but both arrays look the same. wtf?
           console.log(matches2);

           return true;
        }).change();

   });
 };

 })(jQuery);

using it as $("input").blah();

• javascript
• jquery
• jquery-plugins

• that depends on what is the value of this. – Anurag Commented Jan 30, 2011 at 21:56
• it's a set of selectors, es from $("input").somefunction().... – Alex Commented Jan 30, 2011 at 21:57

3 Answers 3

In javascript you don't use an Array for named keys. You'd use an Object instead. I assume the values should be the elements themselves.

var result = {};

$.each(this.form.elements, function() {
    result[ this.name ] = this;
});

Regarding your update, this line:

var matches1 = that.toArray();  

var matches1 = $.toArray( that );  

...although I don't know why you'd want to turn the jQuery object representing all <input> element into an Array on each change event.

This line:

var matches2 = this.form.elements;  // this works.

... works because it is simply a reference to the elements in the form from the <input> element that received the event. It uses native DOM API properties to get a collection (that isn't technically an Array).

Had to edit my answer because I was wrong about the use of toArray(). I was thinking of makeArray(). The toArray() method is a wrapper for .get() and does exactly the same thing.

Serialize is a possible choice. http://api.jquery./serializeArray/

$(this).serializeArray() rertuns it. :)

form.elements returns an object of HTMLCollection or HTMLFormControlsCollection in HTML5.

The elements in these objects are accessible by index or name. So if you have a form with a single input element named "login", you could do:

form.elements.[0]

or

form.elements["login"]

to access the same element. You could simulate such an object by adding two entries for each form element with its corresponding index and name. But if form.elements works for you, I'd remend using that directly.

本文标签： javascriptjQueryget array with input names as keysStack Overflow