Question

我有以下代码

jQuery(document).ready(function($)
{
  $("#deleteorderb").click(function()
  {
    $("#deleteorder").attr('href','/deleteorder.php?id=' + $('#deleteorderb').val());
  })
});

<a onclick="jQuery('#modal-2').modal('show');" id="deleteorderb" name="deleteorderb" 
   value="<?php echo $r['id']; ?>" class="btn btn-danger btn-sm btn-icon icon-left">
     Cancel
</a>

当我点击链接时，它会打开一个弹出模式，其中有一条文字说明你确定要删除，然后有一个链接，herf，我想更新那个herf等于其他href的值将是获取id的数据库查询。墨水更新与上述但不是ID。我检查了源代码并设置了一个hrefs值。

Answer 1

您想要获取元素attribute值，而不是

$('#deleteorderb').val()

试

$('#deleteorderb').attr('value')

Answer 2

尝试这样的事情，*注意使用.attr（“value”）而不是.val（）：

<a onclick="dialog();" id="deleteorderb" name="deleteorderb" value="<?php echo $r['id']; ?>" class="btn btn-danger btn-sm btn-icon icon-left"> Cancel</a>
<script>
    $(document).ready(function() {
        $("#deleteorderb").click(function() {
            var a = $('#deleteorderb').attr("value");
            var link = "/deleteorder.php?id=" + a;
            $("#deleteorder").attr("href", link);
        });
        function dialog() {
            $('#modal-2').modal('show');
        };
    });
</script>

Answer 3

value属性通常用于表单字段。因此，在您的情况下，使用数据属性是有意义的：

<a  id="deleteorderb" name="deleteorderb" data-value="<?php echo $r['id']; ?>" .....

在您的JavaScript中，您可以像这样访问它：

$('#deleteorderb').data('value');

<强>奖金

我不建议使用内联 JS。相反，只需使用jQuery在DM ready回调中设置click事件监听器：

$('#deleteorderb').on('click', function( e ) {
    e.preventDefault();
    $('#modal-2').modal('show');
});

更新了html：

<a 
    id="deleteorderb" 
    name="deleteorderb" 
    data-value="<?php echo $r['id']; ?>" 
    class="btn btn-danger btn-sm btn-icon icon-left">
        Cancel
</a>

Jquery用href值更新链接

3 个答案: