Question

我有一个页面，当点击链接时会打开一个弹出框以插入新费用。当这个弹出框打开时，我使用jquery load（）函数从另一个名为load_charges.php的页面上的脚本中插入一个包含所有当前费用（从mysql加载）的表。

我遇到的问题是我无法访问我刚刚加载的内容中的任何隐藏值：

var charge_id = $(':hidden:first', $(this)).val();

这通常会让我获得第一个隐藏元素的值，但如果我尝试从load_charges.php中获取页面加载的信息，则它不起作用。我将在下面列出我的代码：

case_cpanel.php：

//带有表单elememt的HTML表

<table>
    <tr class="lead_hover">
        <td>
            <form class="calc" title="Case Expense Calculator" style="cursor:pointer;">
                <input type="hidden" id="lead_id" value="21946295" />
                <input type="hidden" id="final_id" value="74" />
                <input name="order" type="hidden" id="final_id" value="3" />
            </form>
        </td>
    </tr>
    <tr class="lead_hover">
        <td>
            <form class="calc" title="Case Expense Calculator" style="cursor:pointer;">
                <input type="hidden" id="lead_id" value="21978679" />
                <input type="hidden" id="final_id" value="79" />
                <input name="order" type="hidden" id="final_id" value="1" />
            </form>
        </td>
    </tr>
</table>

// Jquery加载弹出表单框

$(".calc").click(function () {
    var value = $(':hidden:eq(0)', $(this)).val();
    $('input[name=lead_id]').val(value);
    var value = $(':hidden:eq(1)', $(this)).val();
    $('input[name=final_id]').val(value);
    var value = $(':hidden:eq(2)', $(this)).val();
    $('.order').val(value);
    var lead_id = $(':hidden:eq(0)', $(this)).val();
    var string1 = "token=<? echo $_SESSION['token'];  ?>&lead_id=";
    var url = "../ajax/load_charges.php";
    var datastring = string1.concat(lead_id);
    $('#calc_right_display').html('<div><img src="../imgs/loading4.gif" align="center" /></div>').load(url, datastring).show();
    $("#calc_div").overlay().load();
});

load_charges.php： //使用新表单元素加载的表

<table width="266" border="0" cellpadding="5">
    <? do { ?>
    <tr>
        <td width="163">
            <? echo $row_charges[ 'rows'][ 'title']; ?>
        </td>
        <td width="83">$
            <? echo $row_charges[ 'rows'][ 'charge']; ?>
        </td>
        <td width="27">
            <form class="delete_charge" title="Delete Charge" style="cursor:pointer;">
                <input type="hidden" id="id1" value "<? echo $row_charges['rows']['id']; ?>">
            </form>
        </td>
    </tr>
    <? } while ($row_charges[ 'rows']=m ysql_fetch_assoc($row_charges[ 'query'])); ?>
</table>

// load_charges.php上的Jquery代码

<script>
$(".delete_charge").click(function () { * *
    var charge_id = $(':hidden:first', $(this)).val(); * *
    var str2 = "token=<? echo $_REQUEST['token'];  ?>&delete_charge=true&id=";
    var str_lead_id = "&lead_id=<? echo $_REQUEST['lead_id'];  ?>";
    var url2 = "../ajax/cm_expenses_delete.php";
    var datastring2 = str2.concat(charge_id, str_lead_id);

    $('#calc_right_display').html('<div><img src="../imgs/loading4.gif" align="center" /></div>').load(url2, datastring2).show();
});
</script>

问题是var charge_id = $（'：hidden：first'，$（this））。val（）;没有从刚刚加载的新页面返回任何值。非常感谢任何帮助。

提前谢谢你。瑞恩

Answer 1

您可能在检索值时遇到问题，因为您错过了等号。

这： <input type="hidden" id="id1" value"<? echo $row_charges['rows']['id']; ?>">

转到：
<input type="hidden" id="id1" value="<? echo $row_charges['rows']['id']; ?>">

这可以解释它，因为你的输入没有价值。

Answer 2

我根据您的数据进行了以下测试：

$(document).ready(function(){

var charge_id = $('input:hidden:first').val(); 
alert(charge_id);

var charge_id = $('input[type=hidden]:first').val(); 
alert(charge_id);


});

在这里工作小提琴：http://jsfiddle.net/robertrozas/c4AHM/1/

在ajax Jquery之后无法获得隐藏字段的价值

2 个答案: