小生同学的碎碎念 » jQuery

說說我今天干的比較BT的一件事(‘搞定’IE下的select disabled)

陈小生 — Mon, 18 Jan 2010 12:06:46 +0000

先吼一句:瀏覽器標準不統一真不是一件好事吧,拍磚的請砸向遠方,我扛不住..

好吧,說說我BT的需求先<之前已經被同事小朋友說需求BT了,哈>:

有一個表單,裡面有幾個select選項,我需要顯示給用戶看,可我又不給你選,但我又希望這個表單能以正常的方式提交,select什麼就是什麼,我不想把他搞成TXT或者input readonly的形式給用戶看,我就是要以表單的形式體現..orz,我可真固執..

好吧,其實原因是這樣的,這個postaction的後面,我是用了一個django的form,我不想搞成txt或者input的形式就是不想在我傳給這個form之前我還要做預處理..是不是很想砸我,好吧,這些都不是重點,看看我是怎麼”搞定”的吧,之所以搞定加了雙引號,是因為我沒有本質上的搞定,但達到了我的需求了-_-

假設某個select的ID是id_rdtype,如:

默認展現給用戶看的是A,可我又不想給用戶選到CNAME,好吧,第一次我是這樣做的:

$(“#id_rdtype”).attr({
‘disabled’:true
})

好吧,選是不能選了,用戶也確實看不到,可是後臺看不到-_-這樣做的後果是這個post動作不傳這個值,那就不是我要的結果了,我還是希望他告訴我,這個值是這樣的,好吧,再無語自己一下,什麼需求嘛,再來看看我的第二個辦法:

$(“#id_rdtype option:not(:selected)”).attr(“disabled”,”disabled”)

先偷偷告訴你,如果沒有使用jQuery,這個javascript語句是不幹活地,所以,請記得先加載jQuery的文件,嗯,這次算是好一點,確認可以了,傳值,包括給用戶的體驗都可以做到了<我把所有未被默認選擇到的元素disabled了>,等等,拿多幾個瀏覽器測試下,杯具了,發現ie6/ie7設置這個disabled沒用,orz,我可不能漏著這個大”BUG”丫,再想辦法..google之,好吧,確實找到了一些解決辦法,大部份都是借助jQuery的,可好吧,不得不再說一下我自己,我實在不想寫那麼多句javascript-_-真懶…繼續想辦法

華麗麗滴,讓我想到了一個辦法,下狠手,我一不做,二不休..把其它”元素”和諧掉,那不就可以了-_-

$(“#id_rdtype option:not(:selected)”).remove()

好了,我要的問題終於解決了,我得意的笑啊得意的笑~

您可能还会对以下文章感兴趣：

jQuery Tools：我们期待已久的内容展示型 Web UI 库

陈小生 — Tue, 13 Oct 2009 15:31:04 +0000

原文地址：http://www.comsharp.com/GetKnowledge/zh-CN/CMS_K846.aspx

jQuery Tools 是一套非常优秀的 Web UI 库，包括 Tab 容器，可折叠容器，工具提示，浮动层以及可滚动容器等等，可以为你的站点带来非同寻常的桌面般体验，这套工具的主要作用是显示内容，这是绝多多数站点最需要的东西。这套令人惊异的 UI 库只有 5.59K 大小，基于 MIT 和 GPL 两种许可模式。

和别的 Web UI 库不同，别的 UI 库很多是面向行为的，如拖放，滚动，表格排序，可拖放窗口等等，它们更适合于富 Web 应用，如 Email 客户端，任务管理，图片组织整理等。而 jQuery Tools 主要面向内容展示，因此更适用于单纯的内容型网站。

jQuery Tools 使用也很简便，只需几行调用代码即可，其官方站点包含大量演示和调用代码可以参考。以下是该 UI 库中包含的主要 UI 工具介绍。

jQuery Tools / Overlay

Overlay （浮动层）可以用来浮动在任何 HTML 对象的上方，在现代 Web 设计中，浮动层是一种非常有效的 UI 概念，可以用来

着重显示你的产品。
显示警示信息。
提示用户输入。
以灯箱风格浏览图片库。

jQuery Tools / Overlay 可以很轻松地处理上述各种情形和各种效果。

jQuery Tools / Tooltip

工具提示是 Web 上最实用的工具，Web 默认的提示工具太简陋，jQuery Tools / Tooltip 会以一种非常漂亮的视觉效果显示提示内容。

jQuery Tools / Tabs

Web 上最受欢迎的 UI 部件当属 Tab 容器，如果没有 Tab，我们的很多网页不知要多么混乱，所有用户都熟悉 Tab 这种用户友好的部件，jQuery Tools / Tab 非常好用，甚至可以使用浏览器的前进后退导航按钮在 Tab 间前进或后退。

jQuery Tools / Scrollable

jQuery Tools / Scrollable 可以在网页中实行定制的，局部的滚动，在现代 Web 设计中，这几乎是最受欢迎的一种技术，可以用在下面这些场合：

产品目录
滚动新闻
在表单中实现定制选择框
浏览图片库
视频播放列表
各种站点导航

jQuery Tools / Flashembed

如今 JavaScript 真是越来越快了，所有浏览器都在 JavaScript 引擎上较量，我们会看到越来越多的基于 JavaScript 的 Web 部件面世，然而至少在当下， Flash 仍有其用武之地，比如播放视频。

jQuery Tools / Flashembed 可以用来在网页中加载 Flash 对象，虽然类似的工具比比皆是，但 Flashembed 绝对是其中最好用的一个。

您可能还会对以下文章感兴趣：

10个最佳jQuery Lightbox效果插件收集

陈小生 — Fri, 09 Oct 2009 12:57:33 +0000

支持的媒体类型： Images

演示

下载