首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計疑難解答

jQuery 級聯下拉框:選擇幣種自動更新單位顯示

     編輯:程式設計疑難解答

需求

選擇幣種下拉框(`#sel1`)時,下方三個金額輸入框後的單位標籤(`#dw`、`#dw1`、`#dw2`)同步變為該幣種文字(如「元」)。

核心代碼

$("#sel1").change(function() {
    // 1. 同步更新三個單位顯示框
    $('#dw, #dw1, #dw2').val(this.options[this.selectedIndex].text);

    // 2. 重置其他欄位
    $('#EntTime31').val('');
    $('#nl3').val('');

    // 3. 根據選擇的幣種動態載入第二級下拉框 #sel2
    $("#sel2").empty();
    var tmp = "";
    for (var i = 0; i < o1.length; i++) {
        if (o1[i].id == $("#sel1").val()) {
            for (var j = 0; j < o1[i].val.length; j++) {
                tmp += "";
            }
        }
    }
    $("#sel2").append(tmp);
});

關鍵點

  • 群組選擇器 `$('#dw, #dw1, #dw2')` 一次更新多個元素。
  • `this.options[this.selectedIndex].text` 取得當前選中項的顯示文字(而非 value)。
  • 動態構建 option 字串再 `append`,避免重複 DOM 操作。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved