普通的HTML select標(biāo)簽在顯示的時(shí)候總是默認(rèn)的顯示第一個(gè)option value=""中所指示的值。
創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比二道江網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式二道江網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋二道江地區(qū)。費(fèi)用合理售后完善,10余年實(shí)體公司更值得信賴。
只需要一個(gè)JS函數(shù),就可以讓它的默認(rèn)值能夠根據(jù)后臺所傳過來的參數(shù)不同而變化。
參考如下:
JSP文件:
body onload="checkModel()"
form action="%=request.getContextPath()%/secretboxInfoAction.do" method="post" name="ClientForm"
tr
td class="td"span class="font13b"型號:/span
select id="mod" style="width:115pt" name="model" value="" onkeydown="model_prompt_del()"
option value=""------請選擇------
option value="轉(zhuǎn)盤" 轉(zhuǎn)盤
option value="密碼" 密碼
option value="金柜" 金柜
/select
span id="model_prompt" class="style1"*/spanhtml:errors property="model"/
/tr
/body
script type="text/javascript"
function checkModel() {
if("${secretboxInfo.model}"=="轉(zhuǎn)盤"){
document.getElementById("mod").value="轉(zhuǎn)盤";
} else if("${secretboxInfo.model}"=="密碼"){
document.getElementById("mod").value="密碼";
} else if("${secretboxInfo.model}"=="金柜"){
document.getElementById("mod").value="金柜";
} else{
document.getElementById("mod").value="";
}
}
/script
獲取id ? ${user.id}
獲取name ${user.name}
獲取company ${user.company}
JS中直接從java后臺獲得對象的值(數(shù)組的值)
這里舉得例子是:JS直接從后臺Contorller中(SpringMVC中的model中)獲得數(shù)值的值
Contorller 此處將 talentIntegralRecordsDay talentIntegralRecordsIntegral 兩個(gè)數(shù)組用JSON.toJSONString()封裝。
@SuppressWarnings("deprecation")
@RequestMapping("/integralParadise") ? ?public ModelAndView Welcome(HttpServletRequest request){
Users user = userService.currentUser(request); ?
user.getTalentUser().getIntegral();
System.out.println(user.getTime().getDate());
TalentIntegralRecord[] signInTalentIntegralRecords= wechatIntegralService.getUserSignInTalentIntegralRecords(user.getId()); ? ? ? ?int size = signInTalentIntegralRecords.length; ? ? ? ?int[] talentIntegralRecordsDay = new int[size];
Long[] talentIntegralRecordsIntegral = new Long[size]; ? ? ? ?for(int i=0;isignInTalentIntegralRecords.length;i++){
talentIntegralRecordsDay[i]=signInTalentIntegralRecords[i].getOperatorTime().getDate();
talentIntegralRecordsIntegral[i]=signInTalentIntegralRecords[i].getIntegral();
}
MapString,Object map = new HashMapString,Object();
map.put("talentIntegralRecordsDay", JSON.toJSONString(talentIntegralRecordsDay));
map.put("talentIntegralRecordsIntegral", JSON.toJSONString(talentIntegralRecordsIntegral)); ? ? ? ?return new ModelAndView("wechat/integralParadise/rili",map);
}
前臺JSP 因?yàn)橛玫絻蓚€(gè)數(shù)組數(shù)據(jù)的JS代碼為頁面引用的JS代碼所以要在頁面中先聲明獲得后臺兩個(gè)數(shù)組(這段JS代碼應(yīng)在引用的JS文件前面)
script type="text/javascript"
$(document).ready(function(){
window.talentIntegralRecordsDay = ${talentIntegralRecordsDay};
window.talentIntegralRecordsIntegral = ${talentIntegralRecordsIntegral};
});/script
引用的JS文件 開始就獲得了兩個(gè)數(shù)組的值
$(function() { ? ?var signFun = function() { ? ? ?
var dateArray = window.talentIntegralRecordsDay;// 假設(shè)已經(jīng)簽到的
var talentIntegralRecordsIntegral = window.talentIntegralRecordsIntegral; ? ? ? ?var $dateBox = $("#js-qiandao-list"),
$currentDate = $(".current-date"),
$qiandaoBnt = $("#js-just-qiandao"),
_html = '',
_handle = true,
myDate = new Date();
$currentDate.text(myDate.getFullYear() + '年' + parseInt(myDate.getMonth() + 1) + '月' + myDate.getDate() + '日'); ? ? ? ?var monthFirst = new Date(myDate.getFullYear(), parseInt(myDate.getMonth()), 1).getDay(); ? ? ? ?var d = new Date(myDate.getFullYear(), parseInt(myDate.getMonth() + 1), 0); ? ? ? ?var totalDay = d.getDate(); //獲取當(dāng)前月的天數(shù)
for (var i = 0; i 42; i++) {
_html += ' lidiv class="qiandao-icon"/div/li'
}
$dateBox.html(_html) //生成日歷網(wǎng)格
var $dateLi = $dateBox.find("li"); ? ? ? ?for (var i = 0; i totalDay; i++) {
$dateLi.eq(i + monthFirst).addClass("date" + parseInt(i + 1)); ? ? ? ? ? ?for (var j = 0; j dateArray.length; j++) { ? ? ? ? ? ? ? ?if (i == dateArray[j]) {
$dateLi.eq(i).addClass("qiandao"); ? ? ? ? ? ? ? ? ? ?var integral; ? ? ? ? ? ? ? ? ? ?if(talentIntegralRecordsIntegral[j]==0){
integral="大轉(zhuǎn)盤";
}else{
integral="+"+talentIntegralRecordsIntegral[j];
}
$dateLi.eq(i).find("div").text(integral);
}
}
} //生成當(dāng)月的日歷且含已簽到
$(".date" + myDate.getDate()).addClass('able-qiandao');
$dateBox.on("click", "li", function() { ? ? ? ? ? ? ? ?if ($(this).hasClass('able-qiandao') _handle) {
$(this).addClass('qiandao');
qiandaoFun();
}
你可以這樣,在頁面上放一個(gè)textbox,id=txtChoujiang屬性值設(shè)置為style=display:none,
然后抽獎(jiǎng)的結(jié)果假如走的是
case 1:
rotateFunc(1, 87, '恭喜您,本次訂單減單 em1/em 元');
$("txtChoujiang").val("1");
break;
這樣的話,你頁面上的textbox 就有值了,然后,你在.cs的文件里就能獲取到抽獎(jiǎng)的結(jié)果了。
這個(gè)要看rotataFunc(a,b,str){}是怎么定義的,看函數(shù)名似乎與角度有關(guān)?
---
一二三四等獎(jiǎng)每個(gè)都是七分之一的概率,這個(gè)略扯淡
js用向后端發(fā)送請求,然后后端通過一些算法計(jì)算出要中的獎(jiǎng)項(xiàng)或者旋轉(zhuǎn)的角度,返回到前端,js根據(jù)返回的獎(jiǎng)項(xiàng)或者旋轉(zhuǎn)的角度,來決定最終停止的位置。
中獎(jiǎng)幾率基本不寫在js里,因?yàn)閖s可以被破解和修改,都是寫在后端的。
網(wǎng)站欄目:javascript轉(zhuǎn)盤,js 展示旋轉(zhuǎn)托盤
路徑分享:http://jinyejixie.com/article32/dsdgisc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、移動(dòng)網(wǎng)站建設(shè)、面包屑導(dǎo)航、建站公司、全網(wǎng)營銷推廣、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)