我有 4 個(gè)鏈接，每次單擊其中一個(gè)鏈接時(shí)，它都會(huì)自動(dòng)增加優(yōu)先級(jí)編號(hào)的值，這是該鏈接的代碼<div id ="qnum" style = "text-align: center; font-size: 5em; margin-top: 0px"></div><div class = "container" style = "text-align: center; margin-top: 100px;"><form id="getTicketForm" name="getTicketForm" method="post" action=""> <input type="text" name="hiddenqnum" id="hiddenqnum" value=""> <a href="#" onClick="getPnumber()" style = "font-size: 3em;" name = "transaction" value = "payment" id = "payment">Payment</a><br /> <a href="#" onClick="getPnumber()" style = "font-size: 3em;" name = "transaction" value = "landtax" id = "landtax">Land Tax</a><br /> <a href="#" onClick="getPnumber()" style = "font-size: 3em;" name = "transaction" value = "spl" id = "spl">Special Lane</a><br /> <a href="#" onClick="getPnumber()" style = "font-size: 3em;" name = "transaction" value = "bpld" id = "bpld">BPLD</a><br /> </form></div>這是函數(shù) getPnumber()<script type="text/javascript">//display Priority Number var num = 1; var queue = ('0000'+num).slice(-4);; document.getElementById("qnum").innerHTML = "Your Priority Number is" + "<br>" + queue;//if button is clicked, queue will increment function getPnumber() { num += 1; var queue = ('0000'+num).slice(-4);; document.getElementById("qnum").innerHTML = "Your Priority Number is" + "<br>" + queue; document.getTicketForm.hiddenqnum.value = queue; };</script>我在那部分沒有問題，但我還想將鏈接的值和優(yōu)先級(jí)編號(hào)保存到數(shù)據(jù)庫(kù)中，這是我的腳本，function save(){$(document.ready)(function(){ $('#getTicketForm').click(function(){ var qnumber = $("input[name=hiddenqnum]").val(); var transaction = $().val(); $.ajax({ url:'<?php echo base_url(); ?>main/queue', type: 'POST',我希望你能幫助我保存鏈接值和優(yōu)先級(jí)，同時(shí)點(diǎn)擊后它仍然會(huì)自動(dòng)遞增。順便說(shuō)一句，無(wú)論如何我都在使用 php-codeigniter 我的問題是我的函數(shù) save() 我無(wú)法保存到我的數(shù)據(jù)庫(kù)中，我在從隱藏文本中獲取優(yōu)先級(jí)編號(hào)并將其傳遞給 var qnumber 時(shí)也遇到了問
1 回答
慕萊塢森
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
您也可以使用 jQuery 來(lái)實(shí)現(xiàn)這一點(diǎn)。此外，您還需要添加一個(gè)輸入字段來(lái)跟蹤transaction值。我還為您的 Ajax 調(diào)用添加了一個(gè)新按鈕。
干得好 -
<div id="qnum" style="padding:10px 20px;background:yellow;height:50px;color:#000;"></div>
<div class="container" style="padding:10px 20px;text-align:left;border:1px solid #ddd">
<form id="getTicketForm" name="getTicketForm" method="post" action="">
<input type="text" name="hiddenqnum" id="hiddenqnum" value="" /><br />
<input type="text" name="hiddentransaction" id="hiddentransaction" value="" /><br />
<a href="#" name="transaction" value="payment" id="payment">Payment</a><br />
<a href="#" name="transaction" value = "landtax" id="landtax">Land Tax</a><br />
<a href="#" name="transaction" value = "spl" id="spl">Special Lane</a><br />
<a href="#" name="transaction" value = "bpld" id="bpld">BPLD</a><br />
<button type="button" id="savetodb">Save to db</button>
</form>
</div>
JS：
var num = 1;
$(document).ready(function(){
var queue = ('0000'+num).slice(-4);
$("#qnum").html("Your Priority Number is :"+ queue);
$("a[name=transaction]").each(function() {
$(this).on("click", function(e){
e.preventDefault();
getPnumber($(this).attr('id'));
});
});
$('#savetodb').on('click', function(e){
e.preventDefault();
var qnumber = $("input[name='hiddenqnum']").val();
var transaction = $("input[name=hiddentransaction]").val();
$.ajax({
// Do your ajax call using qnumber, transaction value here
});
});
});
function getPnumber(transaction) {
num += 1;
var queue = ('0000'+num).slice(-4);;
$("#qnum").html("Your Priority Number is :"+ queue);
$("input[name='hiddenqnum']").val(queue);
$("input[name='hiddentransaction']").val(transaction);
};
- 1 回答
- 0 關(guān)注
- 105 瀏覽
添加回答
舉報(bào)
0/150
提交
取消