Get all inputs with type text in console? Page in iFrame

Question

How do you get all of the inputs of form on a page into an array while matching by input type(text|checkbox|radio)?

JavaScript:

Just plain js like this will give me ALL of the inputs

var inputs = document.getElementsByTagName( 'input' );

Now with jQuery:

I have jQuery loaded and I tried: as per docs (http://api.jquery.com/text-selector/)

$( "<input>" ).is( ":text" ); 
$( "<input>" ).is( "[type=text]" );

Console Error message:

TypeError: undefined is not a function
message: "undefined is not a function"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
__proto__: Error

Additional information:

The page I am trying to get text inputs on is in an iFrame and this whole interaction is running within a webkit.

My main page has jQuery loaded.
The iFrame page does not.

Need to get inputs on iFrame page with jQuery from my main page.

Besides making sure jQuery is loaded, the correct selector would be just `$(':text')` — omma2289, May 27 '14 at 17:04
@roland jquery is not loaded? why is that? I'm using it on the page... — MrPizzaFace, May 27 '14 at 17:05
Also, you don't "need" jQuery to perform selections on text input elements. — Cameron Tinker, May 27 '14 at 17:13
I didn't realize that iFrame may make a difference here.. I am able to use `$(':text')` in my browser successfully but it fails in the webkit build... — MrPizzaFace, May 27 '14 at 17:15
Answer here: http://stackoverflow.com/questions/6316979/selecting-an-element-in-iframe-jquery — Robbert, May 27 '14 at 17:16
Wow coming over from other languages I must say the JS community here seems delightful. Thank you all for the help! :) — MrPizzaFace, May 27 '14 at 17:17

score 5 · Answer 1 · edited May 23 '17 at 12:05

5

To select an input with jQuery you would do this

$("input")

No brackets needed.

To select all text inputs

$("input[type='text']")

With the change in the question caused by the edit, you can find the answer here: Selecting an element in iFrame jQuery

edited May 23 '17 at 12:05

Community

1
1

answered May 27 '14 at 17:04

Robbert

6,481
5
35
61

2

That second example doesn't really select all "text inputs". It only selects inputs with `[type='text']`, subtle difference but important. – Wesley Murch May 27 '14 at 17:06
@WesleyMurch what's the difference? – MrPizzaFace May 27 '14 at 17:06
For example it doesn't match simply ``. Is this really what you're asking though, how to select an input in jQuery? – Wesley Murch May 27 '14 at 17:07

score 0 · Answer 2 · answered May 27 '14 at 17:07

0

So the given answer is accurate but you can also do

$(':text")

that will give you the all the text input items, just a little more readable in my opinion. again the answer from @Robbert is accurate

answered May 27 '14 at 17:07

workabyte

3,496
2
27
35

PeterKA · Answer 3 · 2014-05-27T17:28:52.790

0

You select all inputs of type="text" using:

$(':text')

Inputs of type="checkbox" using:

$(':checkbox')

Inputs of type="radio" using:

$(':radio')

EDIT To cater for new iframe information

Which would, for inputs in an iframe, translate to, respectively:

$('iframe').contents().find( ':text' );
$('iframe').contents().find( ':checkbox' );
$('iframe').contents().find( ':radio' );

edited May 27 '14 at 17:28

answered May 27 '14 at 17:17

PeterKA

24,158
5
26
48

This doesn't answer the question with the new information. – Cameron Tinker May 27 '14 at 17:18
It does now per the update above. – PeterKA May 27 '14 at 17:21

Get all inputs with type text in console? Page in iFrame

JavaScript:

Now with jQuery:

Console Error message:

Additional information:

3 Answers3