jQuery это форма ввода

Question

У меня проблемы с получением ввода формы при передаче формы "this" в функцию обработки формы.

HTML:

<form onsubmit="return process_feedback(this);">
    <input name="ItemID" type="hidden" value="123" />
    <input name="Submit 1" type="submit" value="Submit" />123
</form>

<form onsubmit="return process_feedback(this);">  
    <input name="ItemID" type="hidden" value="234" />
    <input name="Submit 2" type="submit" value="Submit" />234
</form>

<form onsubmit="return process_feedback(this);">  
     <input name="ItemID" type="hidden" value="345" />
     <input name="Submit 3" type="submit" value="Submit" />345
 </form>

<div id="FormSubmitStatus"></div>

JavaScript:

function process_feedback(form) {

    var ItemID = $('form:input[name="ItemID"]').val();

    $('#FormSubmitStatus').html("You submitted the form for ItemID " + ItemID);

    return false;

}

Все, что я получаю от переменной ItemID - "неопределено". http://jsfiddle.net/PottyMonster/GV3Z6/

Любая помощь с благодарностью.

Dan

Answer 1

Использовать объект формы как контекст для селектора. Например:

function process_feedback(form) {

    var ItemID = $('input[name="ItemID"]', form).val();

    $('#FormSubmitStatus').html("You submitted the form for ItemID " + ItemID);

    return false;

}

Дополнительную информацию смотрите в документации по контексту селектора jQuery .

Answer 2

http://jsfiddle.net/felixcriv/thTVp/10/