使用AJAX填充<select>标签下拉项,没有显示指定的option项
newCarInfo.js代码如下:
$(function() {
// 获取燃油种类
url = "basicFuelType_queryAll.action";
$.post(url, params, function(data) {
$.each(data.rows, function(index, item) {
$("#fuelType").append("<option value='" + item.fuelTypeName + "'>" + item.fuelTypeName + "</option>");
});
}, "json");
// 如果是修改车辆档案,那么赋值
var _addOrEdit = $("#_addOrEdit").val();
if ("add" == _addOrEdit) {
$("#_submit_fk").css("visibility", "visible");
$("#_submit_edit").css("visibility", "hidden");
} else {
$("#_submit_fk").css("visibility", "hidden");
$("#_submit_edit").css("visibility", "visible");
var row = $("#dataList").datagrid("getSelected");
if (row) {
$("#thisid").val(row.id);
$("#_licenseNo").val(row.licenseNo);
$("#_licenseType option[value='" + row.licenseType + "']").attr("selected", "selected");
$("#_licenseColor option[value='" + row.licenseColor + "']").attr("selected", "selected");
$("#engineNo").val(row.engineNo);
$("#fuelType option[value='" + row.fuelType + "']").attr("selected", "selected");
}
}
})
结果发现燃油类型没有按照要求显示指定的项,而是总是显示第一项,于是在$("#fuelType option[value='" + row.fuelType + "']").attr("selected", "selected");之前加一个alert,Win10的IE11和谷歌浏览器点击之后能够正常显示指定的项了;而XP的IE8浏览器仍然不行。
在url = "basicFuelType_queryAll.action";$.post(url, params, function(data)函数体中初始化完毕下拉项之后,再指定选择项就没有问题了。
本文用菊子曰发布使用AJAX填充<select>标签下拉项,没有显示指定的option项的更多相关文章
- 关于java 获取 html select标签 下拉框 option 文本内容 隐藏域
在HTML中从多选下拉框中提取已选中选项的文本内容到后台,被这个问题难倒了. demo.jsp文件 <select id="selecttype" name"typ ...
- select change下拉框改变事件 设置选定项,禁用select
select change下拉框改变事件 设置选定项,禁用select 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio ...
- jQ给下拉框绑定事件,为什么要绑定在框(select标签)上,而不是绑定在选项(option标签)上
这是我在学习锋利的 jquery 书中 5.1.4 的代码时遇到的一个小问题,源代码如下: <head> <style type="text/css"> * ...
- jquery 获取下拉框 某个text='xxx'的option的属性 非选中 如何获得select被选中option的value和text和......
jquery 获取下拉框 某个text='xxx'的option的属性 非选中 5 jquery 获取下拉框 text='1'的 option 的value 属性值 我写的var t= $(" ...
- Vue.js中使用select选择下拉框
在Vue.js中使用select选择下拉框有两种方法: 第一种: Add.html: <select v-model="sysNotice.noticeType" id=&q ...
- 【selenium】基于python语言,如何用select选择下拉框
在项目测试中遇到了下拉框选择的控件,来总结下如何使用select选择下拉框: 下图是Select类的初始化描述,意思是,给定元素是得是select类型,不是就抛异常.接下来给了例子:要操作这个sele ...
- HTML中的select下拉框内容显示不全的解决办法
HTML中的select下拉框内容显示不全的解决办法 今天,我遇到这样一个问题:查询栏中的下拉框中的内容过长,导致部分被覆盖了. 查询了一些资料,有的说用函数控制,有的说用事件控制,有的看不懂,有的实 ...
- 项目总结09:select标签下封装option标签
项目中经常用到Select标签,用封装好的方法获取option,可以避免冗赘的代码: 1.JSP--标签 <select class="width_md" name=&quo ...
- selenium select 选择下拉框
实战百度首页设置,浏览偏好设置. 打开首页,在非登录的情况下,查看分析页面元素,我们可以看到,我们首先要点击的是设置, 接着点击,搜索设置, 然后select选择下拉框. select_by_inde ...
随机推荐
- 转发(request.setRequestDispacter)和重定向(response.sendRedirect)的区别以及转发的include和forward的区别
//response 重定向的时候,url是会跳转到新的页面的,输入的地址要包含项目名(可以跳到项目之外的页面,比如百度)//request 请求转发的时候,url是不会跳转到新页面的,输入的地址不包 ...
- apache的安装,启动和停止
一.apache服务器的安装 安装步骤直接傻瓜式进行安装.并没有太大的难点.apache的配置是学习的重点和难点. 安装好后再浏览器地址栏输入http://localhost.若能够成功安装,则会显示 ...
- c#开发Mongo笔记第七篇
开发到这里遇到了一些问题,哪到这里想请教一下大家 今天我完成的是菜单功能, public class Menu { public ObjectId _id { get; set; } public i ...
- AngularJs 返回上一页
html <script src="lib/angular/angular-1.4.9/angular.js"></script> <script s ...
- Android -- The Manifest File
Before the Android system can start an app component, the system must know that the component exists ...
- [VBS]带参数删除扩展名不是*.h、*.c、*.cpp的全部文件
脚本使用例程CleanFolder遍历一个文件夹 1)使用CleanFolder递归遍历该文件夹下的所有子文件夹 2)如果该子文件夹的大小为0,则删除这个文件夹 3)遍历该文件夹下的所有文件,扩展名不 ...
- 并查集 Union-Find
并查集能做什么? 1.连接两个对象; 2.查询两个对象是否在一个集合中,或者说两个对象是否是连接在一起的. 并查集有什么应用? 1. Percolation问题. 2. 无向图连通子图个数 3. 最近 ...
- web标准:img图片在ie6下显示空白的bug解决方案
在进行页面的DIV+CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”. 1.将图片转换为块级对象 ...
- css多行文本省略号
适用于内核为webkit的浏览器: display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflo ...
- Android中EditText样式修改 聚焦光标、背景
在Android开发中,根据项目的需求,需要定制一些特殊的样式,例如:使用EditText时,聚焦时的背景及光标图片使用自定义而非android系统默认的.这两天,在项目中涉及此需求,现记录如下: 首 ...