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/

非常感谢任何帮助。

丹

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 selector context documentation了解更多信息。