HTMLInputElement has no method 'val'

Question

I\'m looping through cells in a table row. each cell has a text box in it, and I want to take the value of the text box and push it onto an array.

function dothi         


        

Answer 1

What I don't understand, is why none of the suggested syntaxes on this or other questions similar to this seem to work for me. I had to do trial and error and eventually had to use:

MySelectElement.value = x;

It also didn't help that the Visual Studio Intellisense suggestions offer a whole other range of unworking method names, such as ValueOf().

Answer 2

.val() is a jQuery function, not a javascript function. Therefore, change:

var val = $(this).children('input')[0].val()

To:

var val = $(this).children('input:eq(0)').val()

Answer 3

val() is a jQuery method. .value is the DOM Element's property. Use [0].value or .eq(0).val()....

Answer 4

.val() is a jquery method. Using [0] returns the DOM element, not the jquery element

var val = $(this).children('input:first').val();

Answer 5

function dothing() {
    var tds = $('#'+selected+' td');
    var submitvals = new Array();
    tds.each(function(i) {
        var val = $($(this).children('input')[0]).val();
        submitvals.push(val);
    });
}