1

action="/uri/"我正在尝试解决一个问题，当用户单击提交按钮时，我需要从父表单中获取。如果我使用$(form).live('submit')它只有一半的时间。所以我$('input[type=""]').live('click')改用了。但是，正如您在下面的代码中看到的那样，我正在尝试获取 action 属性但它无法识别它，或者我似乎无法从中获取.attr('action')。

<script>
var get_pages_load_options = { 
    target:        '#content',
    beforeSubmit:  showRequest,
    success:       showResponse
};
$('input[type="submit"]').live('click',function(event){
    var url = $(this).closest("form").attr('action');
    var named = $(this).closest("form").attr('id')
    console.debug(url+"/"+named);
    $("#"+named).ajaxForm(get_pages_load_options);
    $.ajax({
        type: "POST",
        url: url,
        data: {ajaxtype: "side"},
        success: function(data) {
            $("#sidebar_menu").html(data);
        }
    });
    event.preventDefault();
    return false;
});
</script>

我尝试使用的 html 看起来像这样（为了便于阅读，删除了 PHP）：

<tr>
    <td class="bold" colspan="2">
        <form id='defcon_form' name='defcon_form' action='/cityhall/' method='post'>
            <div class="left">
                Realm Hoarding 
                <select name='defcon_rate'>
                    <option value='0'>None</option>
                    <option value='10'>Low</option>
                    <option value='20'>Medium</option>
                    <option value='30'>High</option>
                    <option value='50'>Critical</option>
                </select><br />
                <font size='-4'>(Stashes Gold/Turn, Decreases Defense)</font>
            </div><div class="right">
                <input type='submit' name='defcon' value='Update Hoarding!' />
            </div>
        </form>
    </td>
</tr>

我知道 HTML 不是最好的，我需要回去修改一下。

4

3 回答 3

1

您的 HTML 无效。<tr></tr>元素只能包含<td></td>和<th></th>元素。无效的 html 将在不同的浏览器中产生不一致的结果，或者可能在任何浏览器中都不起作用。

https://developer.mozilla.org/en/HTML/Element/tr

将表单包裹在整个表格而不是每个 tr 周围，并为每个 tr 提供一个数据键以包含给定 tr 的 id。有了它，您可以捕获任何进入表单的提交，使用 获取当前行的 id $(this).closest('tr').data("key")，然后在所述 tr 中发布来自输入的值。

于 2012-06-05T15:41:39.827 回答
0

而不是.closest尝试使用.parent如下：

var url = $(this).parent().attr('action');
于 2012-06-05T15:28:43.237 回答
0

试试这个

<script>
$('input[type="submit"]').click(function(event){
    event.preventDefault();
    var url = $(this).parents("form").attr('action');
    console.debug(url);
    $(this).ajaxForm(get_pages_load_options);
    $.ajax({
        type: "POST",
        url: url,
        data: {ajaxtype: "side"},
        success: function(data) {
            $("#sidebar_menu").html(data);
        }
    });
    return false;
});
</script>
于 2012-06-05T15:37:38.083 回答