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

Jquery html pass a value as third parameter

本文关键字：三个 参数 html Jquery 一个      更新时间：2023-09-26

是否有一种方法可以从输入html标签传递并将其附加到链接url ?

 <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

我该怎么做?

解决方案是从input标签中提取值并更新URL:

$('#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);
});

你可以通过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);

但是我认为你应该使用一个常规的表单(包含那个输入)和一个提交，发送那个值到你的页面。

jQuery解 

var id = $('#job_card_id_payment').val();
var link = $('#submit_payment_link');
var href = link.val();
var href += '/' + id;
link.attr('href', href);
相关文章：