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 тега и обновить 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); 
}); 

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