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