html下拉框默认选中事件,如何默认触发select的选项上的onchange事件?
html用sturts2生成
封裝好的方法
function onChangeOption(_this){//參數(shù)表聯(lián)動
var ticket_class =""//記錄當前所選的票類
var ticket_type_number =new Array();//記錄當前所選的票類一共有幾種票
var time_array = new Array();//記錄當前所選時間的數(shù)組
var ticket_class = $(_this).parent().parent().children('.type_ticket').val();
console.log('當前所選票類的id:'+ticket_class);
//根據(jù)所選票類 循環(huán)該類有多少種票
$('.type_ticket').each(function(index, el) {
if($(this).val() == ticket_class){
ticket_type_number.push($(this).parent().index() - 1);
}
});
console.log('當前所選票類一共有多少種票:'+ticket_type_number);
//根據(jù)票數(shù) 循環(huán)出每種票的變量
var this_option = $(_this).children('option:selected').text(); //獲取選中值
time_array = this_option.split('-');
//循環(huán)賦值
for(var i = 0 ; i < ticket_type_number.length ; i++){
$("input[name='orderInfo["+i+"].starttime']").val(time_array[0]);
$("input[name='orderInfo["+i+"].endtime']").val(time_array[1]);
}
var id = $(_this).val();//當前值 等待傳值
var iscenicid=$("input[name='providerid']").val(); //游覽日期
var url = "/books/searchTimestock.action";
$.ajax({
url: url,
type: "post",
dataType: "json",
data:{"id":id,"iscenicid":iscenicid},
success: function(jsonData) {
console.info(jsonData);
for(var i = 0;i < jsonData.length;i++){
$(_this).parent().next().children('.currStock').text(jsonData[i].currstock);
}
},
error : function() {
alert("異常!");
}
});
}
現(xiàn)在每次點擊,后面的dom都顯示正常
然而我想已進入界面就默認設(shè)置第一項為選中項
但,不論是attr還是prop都無法設(shè)置,請問該如何解決這個問題呢?
var SelectArr = $(".select_st");
for (var i = 0; i < SelectArr.length; i++) {
SelectArr[i].options[0];
}
問題補充:我沒有問清楚,其實不是設(shè)置第幾項選擇的問題,而是觸發(fā)onchage事件的問題,謝謝第一樓!
var SelectArr = $(".select_st");
for (var i = 0; i < SelectArr.length; i++) {
var select = $(SelectArr[i]);
SelectArr[i].options[0].selected = true;
onChangeOption(select[0]);
}
總結(jié)
以上是生活随笔為你收集整理的html下拉框默认选中事件,如何默认触发select的选项上的onchange事件?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 知识图谱成为中国领先金融科技公司的第四大
- 下一篇: cutterman为什么导出是html,