html下拉框默认选中事件,如何默认触发select的选项上的onchange事件?
html用sturts2生成
封装好的方法
function onChangeOption(_this){//参数表联动
var ticket_class =""//记录当前所选的票类
var ticket_type_number =new Array();//记录当前所选的票类一共有几种票
var time_array = new Array();//记录当前所选时间的数组
var ticket_class = $(_this).parent().parent().children('.type_ticket').val();
console.log('当前所选票类的id:'+ticket_class);
//根据所选票类 循环该类有多少种票
$('.type_ticket').each(function(index, el) {
if($(this).val() == ticket_class){
ticket_type_number.push($(this).parent().index() - 1);
}
});
console.log('当前所选票类一共有多少种票:'+ticket_type_number);
//根据票数 循环出每种票的变量
var this_option = $(_this).children('option:selected').text(); //获取选中值
time_array = this_option.split('-');
//循环赋值
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("异常!");
}
});
}
现在每次点击,后面的dom都显示正常
然而我想已进入界面就默认设置第一项为选中项
但,不论是attr还是prop都无法设置,请问该如何解决这个问题呢?
var SelectArr = $(".select_st");
for (var i = 0; i < SelectArr.length; i++) {
SelectArr[i].options[0];
}
问题补充:我没有问清楚,其实不是设置第几项选择的问题,而是触发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]);
}
html下拉框默认选中事件,如何默认触发select的选项上的onchange事件?相关推荐
- yii框架的下拉框多选,设置默认值等(dropDownList)
一.前言 根据需求,需要更改下拉框为多选框.本来以为只是很简单的东西,但是实际修改起来却碰到不少bug,多选框无法选中,给多选框赋默认值等.这里记录一下 二.修改单选下拉框为多选下拉框 echo $f ...
- jquery取值,赋值,以及下拉框获取选中value值
太长时间不用基础的jquery语法,该忘的,不该忘的,都忘的差不多了.这里重新拾起一些简单的jquery知识. 一.jquery获取元素的值 (1)通过name属性获取元素的value值 //假如是获 ...
- JavaScript jQuery获取radio/下拉框的选中值
JavaScript获取radio选中值 <ww:iterator value="proceList" status="rowstatus" id=&qu ...
- treeselect只选了分支节点全选_vue Treeselect 树形下拉框:获取选中节点的ids和lables操作...
API: https://vue-treeselect.js.org/#events 1.ids: 即value 1.lable: 需要用到方法:@select(node,instanceId) 和 ...
- select 下拉框不可选中
select 下拉框不可选中 disabled属性 定义和用法 浏览器支持 实例 业务应用 移除disabled属性 disabled属性 定义和用法 disabled 属性规定禁用下拉列表.被禁用的 ...
- DevExpress的下拉框控件LookUpEdit的使用、添加item选项值、修改默认显示值
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
- js判断一个下拉框的选中值是否改变
下拉框按钮 select 的change $("input[type=radio][name=school][value=8]").attr("checked" ...
- html下拉框 js选中,js实现select下拉框选择
最近在做一个项目需要兼容到ie不同版本,在使用select时遇到了各种问题.后来索性就自己使用原生js实现了这样一个下拉框,话不多说,直接上代码吧. 自定义select *{ margin: 0; p ...
- bootstrap实现下拉框dropdown选中select option 美爆了
https://www.cnblogs.com/zou1234/p/7884053.html#commentform bootstrap 官网的例子有点坑,它只给你下拉,并且美化了,但你点击下拉却不能 ...
最新文章
- 【问题收录】Ubuntu14.04连接两个双显示器失败的解决方案
- 【CCAI大咖秀】AlphaGo/Mobileye教父:智能科学需要融合机器学习、计算神经科学与认知科学
- android编译全过程
- php正则表达式实例详解,正则表达式实例解析
- Unity3D两种方式播放视频
- ASP.NET Core启动地址配置方法及优先级顺序 | .NET 6 版本
- 随时随地办公新常态 还需安全来相伴
- 002 Servlet 第一个程序
- android poi读写,Android-android中怎样使用poi
- 企业级应用与互联网应用的区别?
- 5G Next Generation of Communication
- 路由器与计算机的ip地址,路由器ip地址,教您怎么样查看路由器的IP地址
- 通过 wordexport插件 js jq 生成word文档 并导出
- KerberosSDR代码笔记(5) 信号处理(采样时间延迟计算、相位差计算的2种方法、MUSIC算法)
- 【杂】孔明锁6根解法 九连环的拆卸方法及还原
- 最近几天支付宝群里都在议论网商贷额度突然降低和消失,这是怎么回事?
- 黑龙江大米:正宗东北大米,源于黑土地
- 修改云服务器端口,如何修改云服务器默认3389端口
- 184页10万字智慧城市公共服务中台:业务和数据中台建设方案
- 墨言教育分享:海报字效怎么做,PS+AI十分钟就能搞定
热门文章
- 诺基亚支持java的电信手机,诺基亚6支持电信吗 诺基亚6支持联通卡吗【详解】...
- Eclipse插件的使用和开发
- java中与时间有关的转换和校验
- 通胀严重的今天,家庭如何理财
- 若依ruoyiAOP切面用于数据过滤和权限处理实例
- arduino笔记32:nRF24l01模块使用 电磁波频率 距离限制 掉电模式 热待机模式
- 深度学习基础入门篇[五]:交叉熵损失函数、MSE、CTC损失适用于字识别语音等序列问题、Balanced L1 Loss适用于目标检测
- 安装Visio时的问题
- RouterOS-VMware安装的RouterOS配置网卡映射
- FileDownloader下载文件