easyui input未設id導致的問題

2022-07-27 10:24:09 字數 1862 閱讀 5942

今天又踩了乙個坑,大致是沒有給input設id,使用類選擇器繫結easyui控制項,然後使用name設值,現在值設進去後介面沒有顯示。

做的介面部分截圖如圖:

點選下面兩個橙色的按鈕,通過呼叫下面的方法動態新增html來新增控制項,沒點選一次就會新增一組控制項到介面:

revert(value)贈送:面額元

*張刪除此項-

`; return

rstr;

}

上面的this.reticketindex每加一組控制項會遞增1,就是說各個input的name不會重複。

新增完控制項後,會再次呼叫下面這段js通過類選擇器.requiredvalidateintqty給name="preferantialqty$"繫結easyui-numberbox控制項:

$.each($(".requiredvalidateintqty"),function

(i,e));}})

介面載入資料時,通過

$(`input[name=preferentialqty]`,$("#reticketform")).val(qty);設值,發現介面沒顯示值,但是通過呼叫$(`input[name=preferentialqty]`,$("#reticketform")).val();又能獲取到設進去的值。想著既然繫結了easyui-numberbox,應該使用numberbox的setvalue方法設值,於是使用$(`input[name=preferentialqty]`,$("#reticketform")).numberbox("setvalue",qty);設值,

於是在console敲如這行**,但是報錯了,大意是$(`input[name=preferentialqty]`,$("#reticketform"))這個input沒有繫結numberbox控制項。

檢查html原始碼,如圖:

繫結easyui-numberbox外掛程式的inpu變成了圖中紅色框框內的樣子,介面顯示的是紅框中第乙個input,而通過$(`input[name=preferentialqty]`,$("#reticketform"))選擇器獲取到的是最底下那個input,這個input的type是hidden,而且這個input的確沒有繫結easyui-numberbox控制項,難怪呼叫$(`input[name=preferentialqty]`,$("#reticketform")).numberbox("setvalue",qty);設值會報錯。

想著我們一幫都是通過元素的id獲取乙個標籤,然後給這個標籤繫結控制項,那如果給input設值乙個id會怎樣呢,

於是動態新增的html裡面給input加了乙個id屬性,如圖:

然後在瀏覽器中檢視這個時候繫結easyui-numberbox控制項之後的html,如圖:

發現給最上面的input設定了id="preferentialqty1",而最底下的input依舊是name="preferentialqty1"。

這個時候,再呼叫

$(`#preferentialqty1`,$("#reticketform")).numberbox("setvalue",qty);就沒問題了。

總結一下:就因為沒設id,折騰了好久啊,~~~~(>_

EasyUI input 取值和賦值

入坑了,今天就把這個坑給補上,用jquery就是給easyui表單賦不了值,原來 當我們使用了easyui自帶的樣式,如easyui textbox 我們的設定值方法就不能用 id val value 這個設定值了,應該用easyui 自帶的賦值方法。如下 textbox 取值 var textbo...

給easyui input元素新增js原生方法

當前專案中一直使用easyui框架,現在產品要求將某個easyui textbox中只能輸入數字,又因為easyui numberbox的字首0的個數不能做成無限個,所以只能在easyui textbox的基礎上進行修改了。easyui的input的元素是在html原生的input元素上進行的一次封...

物件變數或with塊變數未設定

從開始了資料庫的學習之後,這個問題就一直圍繞在我身邊,從一開始簡單的資料庫五個例項。到現在的學生資訊管理系統。其實這個問題現在看到這個問題一點也不害怕了,物件變數或塊with變數未設定。其實就是你設定的資料庫物件沒有例項化好,也就是說麼有連線到你的資料庫。當我們在進行資料庫連線時,第一,必須先宣告物...