表单元素中的Javascript变量

Javascript Variable from form element

本文关键字：Javascript 变量 元素 表单      更新时间：2023-09-26

我正在尝试触发一个javascript函数，该函数捕获订单Id和输入的日期。。页面上可以输入的结果也是列表格式的，这意味着有多个输入字段。

我收到了要提醒的订单id，但对应行的日期我不是

查看我的代码：

HTML/PHP:

<td>Test company</td>
<td><input type="text" id="ord<?php echo $row['orderid']?>" value="10/11/2015"></td>
<td><button class="updateOrd" ordid="<?php echo $row['orderid']?>">Add Date to Order</button></td>
<td>Test company2</td>
<td><input type="text" id="ord<?php echo $row['orderid']?>" value="10/11/2015"></td>
<td><button class="updateOrd" ordid="<?php echo $row['orderid']?>">Add Date to Order</button></td>

JS:

$(document).on('click', '.updateOrd', function(e) {
    var ordid = $(this).attr('ordid');
    var date = $('input#ord'.ordid).val();
    alert(ordid);
    alert(date);
});

我建议您使用data-ordid=""而不是ordid=""。这样你的HTML是有效的。

问题是：

var date = $('input#ord'.ordid).val();

应该是：

var date = $('input#ord' + ordid).val();

对于记录，这就是如何组合字符串和变量：

-----------------------------
----- JavaScript ---- + -----
-----     PHP    ---- . -----
-----------------------------

您必须连接'input#ord'+ordid

$(document).on('click', '.updateOrd', function(e) {
    var ordid = $(this).attr('ordid');
    var date = $('input#ord' + ordid).val();
    alert(ordid);
    alert(date);
});

希望这能有所帮助

相关文章：