需求:
當下拉框的值為06即voucher時, 文字框才可輸入, 其他情況均為置灰不可錄入狀態.
問題:設定input框的唯讀屬性寫成了readonly="true" 尼瑪,坑死我了.下面才對: readonly="readonly"
<td>
payment mode
<
select
id="paymentmode"
name
="paymentmode"
style
="width: 155px"
onchange
="changestyle()"
>
<
option
selected value
="">-請選擇-
option
>
<
option
value
="01"
>cash
option
>
<
option
value
="02"
>credit
option
>
<
option
value
="03"
>debit
option
>
<
option
value
="04"
>nets
option
>
<
option
value
="05"
>cheque
option
>
<
option
value
="06"
>voucher
option
>
<
option
value
="90"
>presetcredit
option
>
select
>
td>
<
td align
="right"
>
voucher number
<
input
class
="inuptxt ac_input"
type
="text"
id="payno"
name
="payno"
readonly
="readonly"
>
td>
<script
>
//初始化voucherno文字框
$(document).ready(
function
() );
//voucherno樣式
function
changestyle()
else
}script
>
以下內容為**:
input 框的唯讀屬性： readonly
在頁面中直接新增為唯讀時，可在input中直接新增 readonly="readonly"，但是如果想通過點選按鈕來改變的話，需要通過js（或jquery）來實現。
最近一次使用這個，終於發現了以前寫這個js控制的時候為什麼總是那麼鬱悶了，原來，js 在對於readonly、disabled等屬性設定時，有乙個小bug（至少我是這麼認為）：首先，document.getelementbyid("id").readonly = "true"; 設定input為唯讀，但是，當通過document.getelementbyid("id").readonly="false" 來去掉唯讀屬性時，沒有作用，此時，需要把 false 外面的引號給去掉js語句才能正常工作。
附：1. jquery 通過id屬性設定與取消唯讀屬性
設定唯讀：$("#id").attr("readonly","true");
取消唯讀：$("#id").attr("readonly",false);//注意false不帶引號!!!
2. jquery 批量設定與取消唯讀屬性
/* id為sa的div中，所有input框 */
設定唯讀：$("#sa input").attr("readonly","true");
取消唯讀：$("#sa input").attr("readonly",false);
感謝:
通過JS動態控制CSS偽元素
在做頁面的時候遇到這個問題的部分的原結構是引用ui框架vant的元件。我是想通過觸發js事件動態修改該元件裡偽元素的內容 因此收集了相關api和我最終的解決方案 insertrule方法 firefox safari opera和chrome都支援 mdn insertrule 該介面用來給當前樣式...
printf 」 s「 動態控制寬度的方法
利用printf可以輸出格式化的資料，可以指定輸出的寬度，也可以擷取輸出字串的寬度。具體的語法是這樣子的。1.輸出指定長度n的字串，超長m時截斷，不足時右對齊，左邊補空格 printf n.ms str n 為最終的字串輸出長度 m 為從引數字串中取出的子串長度 2.輸出指定長度n的字串，超長m時截...
JS 動態增加刪除 input 輸入框
f12 console 可輸入下面 測試介面 post invstaccountmanagement.do?op getpdf function response 頁面完成載入前如何debug 在需要斷點的地方加入一行 debugger 如何動態新增刪除input框 新增關鍵字名 中文含義 數量 時...