是否有一种方法可以从输入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);