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

Question

有没有一种方法可以从一个输入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 

我该怎么办呢？

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);