「焦點」事件的輔助新增 下拉框資料的重新整理

2021-09-25 05:53:34 字數 1276 閱讀 5765

開發軟體和關鍵技術:vs;js的焦點(onblur)事件

有時候我們做專案,當資料繁多的時候,出現新增「巢狀」模式。出於業務的需求,在新增頁面資料的同時,對於裡面下拉框的資料也類似新增**資料那樣,新增之後就也要重新整理一下才能出現新增的那一條資料。然而問題就來了,因為我們知道新增之後資料重新整理頁面之後,那麼在我們之前輸入還沒儲存的資料就這樣重新整理沒有了。這種就是出現在新增多個下拉框裡面資料的情況下。那麼我們要在保證效率的前提下,新增下拉框資料之後就不通過重新整理頁面來達到顯示新增那一條資料的效果。

現在我們就通過呼叫「焦點」事件的方法,來輔助下拉框資料的重新整理這一難題。來看乙個例子。

看頁面上的下拉框和新增的樣式,了解一下這布局。

下拉框的樣式

新增的樣式

我們要呼叫「焦點」事件,是要模擬新增資料儲存之後**的重新整理,只有重新整理之後在下拉框才會顯示新增的那條資料。因此就在儲存那裡給加個「焦點」事件,目的就是要達到那種效果。

接下來再到下面js獲取這個下拉框的id

**量就這麼簡單

為了能明白了然一點,現在對比一下新增焦點事件之前和之後的效果

新增「焦點」事件之前的

我們看一下作業類別的下拉框,它最後的那一條資料的序號是4,然後我們現在新增一條序號為5的進去。

儲存之後再回到頁面看了一下下拉框,發現序號為5的資料還沒顯示出來。然後我們就進行頁面重新整理一下。

重新整理頁面之後新增那條資料是出來了,不過之前輸入沒在頁面上儲存的資料就沒有了(對比上圖聯絡人下拉框那裡)

現在看一下加了「焦點」事件之後的效果

位址那裡的下拉框,然後新增一條資料進去

儲存之後看一下

關於下拉框資料重新整理的內容就介紹到這裡,如果對於上面內容感到有疑問的地方,歡迎諮詢。

div新增下拉框

div 新增滾動條 分類 程式設計技術 div 新增滾動條只需要指定 overflow 屬性為 auto 即可,以下例項設定了 div 水平滾動條 例項菜鳥教程 學的不僅是技術,更是夢想!菜鳥教程 學的不僅是技術,更是夢想!菜鳥教程 學的不僅是技術,更是夢想!菜鳥教程 學的不僅是技術,更是夢想!嘗試...

layui form 元件動態新增下拉框資料

1.html 提交資料 2.js var table var form layui.use form function 規定要傳送到伺服器的資料 beforesend function success function result form.render select 重新渲染 form.rend...

DataGridView下拉框事件的捕獲和處理

private datagridviewcomboboxeditingcontrol datagridviewcombobox null 捕獲事件 private void dgvtablefields editingcontrolshowing object sender,datagridview...