Question

我需要将文本字段的值放在锚标记href属性中，这将在循环中，即多行将在那里

<input type="text"  placeholder="Quantity" name="quantity" id='quantity' 
    value="<?php echo $data["quantity"]; ?>" size="1">&nbsp;&nbsp;
        <a href="checkout.php?action=add&code=<?php echo str_replace(' ', '', $data["code"]); ?>&quantity=6">
            <span class="glyphicon glyphicon-trash"></span>
        </a>

Answer 1

$('a').attr('href',$('#quantity').val());

我建议您在id元素中添加class或a属性，以便更好地识别它。

<强>更新

JSfiddle显示JS需要将quantity元素的a参数分配给输入的值：https://jsfiddle.net/bar7core/

Answer 2

所以，这只是一个演示，因为我不能在小提琴中使用PHP代码，而且我没有这些值。所以，用你的php变量替换静态值。

var href = $("a.checkout").attr("href");

//Only if you want to keep the initial quanity when the text box is empty
var quantity =  $("#quantity").val();

$("#quantity").on("keyup", function() {
    var newQuantity = $.trim($(this).val());

    //Only if you want to keep the initial quanity when the text box is empty
    newQuantity = newQuantity == "" ? quantity : newQuantity;

    $("a.checkout").attr({
        "href": href.replace(/(&quantity=)([^&#]+)/i, '$1' + newQuantity)
    });
})

HTML：

<input type="text" placeholder="Quantity" name="quantity" id='quantity' value="10" size="40">
<a href="checkout.php?action=add&code=code&quantity=10" class="checkout">
    <span class="glyphicon glyphicon-trash"></span>
</a>

这是一个演示@ fiddle

将输入文本字段的值放在href属性中

2 个答案: