jQuery这个表单输入

时间:2011-02-26 00:21:32

标签: jquery forms input this

将“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/

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:3)

使用表单对象作为选择器的上下文。例如:

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

答案 1 :(得分:0)