当前位置:首页 > 编程教程 > jQuery技术文章 > jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全

如何解决jQuery下拉框select设宽度时IE 6/7/8下option超出显示不全

  • 发布时间:
  • 作者:码农之家
  • 点击:177

这篇文章主要知识点是关于jQuery、下拉框、select、option、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

锋利的jQuery
锋利的jQuery全书第2版
  • 类型:jQuery大小:194.9 MB格式:PDF作者:单东林 张晓菲 魏
立即下载
Bootstrap与jQuery UI框架设计
  • 类型:jQuery大小:180 MB格式:PDF作者:肖睿//吴振宇
立即下载

Tags:jQuery 下拉框 

jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全

个人做了一些自定义的修改
 

<!--[if lt IE 9]>
<script type="text/javascript">
jQuery(function($){
var el;

$("select").each(function() {
el = $(this);
el.data("origWidth", el.css("width"));
// el.data("oriWidth",85);
})
.focusin(function(){
el=$(this);
el.css("width", "auto");

//if(el.width() < el.data("oriWidth")){
// el.css("width", el.data("origWidth"));
/

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

您可能感兴趣的文章:

  • 简介jquery 实现滚动条下拉时无限加载
  • jQuery实现可输入搜索文字的下拉框实例代码
  • jQuery下拉框 相关电子书
    学习笔记
    网友NO.602085

    jQuery 获取和设置select下拉框的值实现代码

    获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引: $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值 设置select 选中的value: $("#ddlRegType ").attr("value","Normal“); $("#ddlRegType ").val("Normal"); $("#ddlRegType ").get(0).value = value; 设置select 选中的text: var count=$("#ddlRegType option").length; for(var i=0;icount;i++) { if($("#ddlRegType ").get(0).options[i].text == text) { $("#ddlRegType ").get(0).options[i].selected = true; break; } } $("#select_id option[text='jQuery']").attr("selected", true); 设置select option项: $("#select_id").append("option value='Value'Text/option"); //添加一项option $("#select_id").prepend("option value='0'请选择/option"); //在前面插入一项option $("#select_id option:last").remove(); //删除索引……

    网友NO.753729

    jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法

    工程分享: 模块1:下拉菜单的实时显示最近一周时间: //显示日期下拉选框for(var i=0;i7;i++){$("#choose1option:eq("+i+")").html(GetDateStr(-i)); $("#choose1option:eq("+i+")").attr("value",GetDateStr(-i));//该语句为了便于下拉选中的数据的值} //这个是上述的对应函数//以下为日期下拉选择框自动调整function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd.getMonth()+;var d = dd.getDate(); return y+"-"+m+"-"+d;} 输出格式为年-月-天 在工程中,实现的是选择对应传参刷新table值,对应内容如下: $("#choose1").bind("change",function(){var value=$(this).val();var result={"time":value+" 00:15:00"};//工程刷新时间为凌晨,所以设置时间格式为延迟15分钟//注意,此处的result是将字符串格式化为对象refreshData(result);//调用Hcharts绘制函数}); //对应的函数为:……

    网友NO.994207

    jQuery扁平化风格下拉框美化插件FancySelect使用指南

    FancySelect是一款小巧实用的jQuery下拉框美化插件。该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一。 使用方法 HTML结构 FancySelect实用十分简单,它可以和jQuery或Zepto结合使用。在页面中放置一些 select 下拉框组件,然后就可以通过 .fancySelect() 方法来调用该下拉框插件。如果下拉框中有某个选项没有值,该插件会使用某种占位文字来代替它。 默认情况下,FancySelect 在 iOS 设备上仅使用原生的下拉框和样式。如果你想覆盖它,在下拉框插件初始化的时候设置 forceiOS 为 true 即可。 FancySelect 也可以通过 select 元素的 data-class 属性来指定样式,你可以通过这个方法来指定不同样式的select下拉框。 复制代码 代码如下: select class="basic" option value=""Select something…/option optionLorem/option optionIpsum/option optionDolor/option optionSit/option op……

    <
    1
    >

    电子书 编程教程 PC软件下载 安卓软件下载

    Copyright 2018-2020 xz577.com 码农之家

    本站所有电子书资源不再提供下载地址,只分享来路

    免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

    版权投诉 / 书籍推广 / 赞助:QQ:520161757