Question

我有没有办法从输入html标签传递并将其附加到链接网址？

 <input type="text" name="job_card_id_payment"
        id="job_card_id_payment"
        class="job_card_id_payment form-control"/>
 <a class="btn btn-success pull-right" 
    id="submit_payment_link" 
    href="<?php echo base_url(); ?>operations/submit_payment">
   <i class="fa fa-credit-card"></i>Submit Payment
 </a>

我想将输入名称job_card_id_payment中的值传递给链接url的末尾，以便它可以像这样：

<?php echo base_url(); ?>operations/submit_payment/1

我该怎么办？

Answer 1

解决方案是从input标记中提取值并更新网址：

$('#submit_payment_link').click(function(e) {
  // Getting input value.
  var value = $('#job_card_id_payment').val();
  // Getting current link URL.
  var href = $(this).attr('href');
  // Checking for slash at the end and updating URL.
  href += ('/' == href.slice(-1) ? '' : '/') + value;
  // Setting updated URL.
  $(this).attr('href', href);
});

Answer 2

你可以通过jQUery来做到这一点：

//get the value of your input
var myValue = $("#job_card_id_payment").val();
var myLink = $("#submit_payment_link");
//get the original url
var url = myLink.attr("href");
//modify the url
myLink.attr("href", url+"/"+myValue);

但我认为您应该使用常规表单（包含该输入）以及将该值发送到您的页面的提交。那将是一本书。

Answer 3

jQuery解决方案

var id = $('#job_card_id_payment').val();
var link = $('#submit_payment_link');
var href = link.val();
var href += '/' + id;
link.attr('href', href);

Jquery html将值作为第三个参数传递

3 个答案: