亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在第二個選擇框中禁用第一個選擇框的選定選項

在第二個選擇框中禁用第一個選擇框的選定選項

守候你守候我 2021-12-23 14:32:16
我想通過插入他們的學科名稱和他們的分數范圍來查找學生的數據。教師可以使用添加按鈕添加新科目,也可以刪除科目。此外,已在前一行中選擇的主題/選項將在下一個新行中禁用。這是html代碼<button type="button" class="btn btn-bricky btn-sm" onclick="deleteRow('dataTable')"><span class="glyphicon glyphicon-remove"></span> Delete Row</button><table id="dataTable" class="table table-striped"  style="font-size: 12px" >  <tr>    <td><input type="checkbox" name="chk"/></td>    <td>        <select name="subject" id="subject">                          <option value="Math">Math</option>                          <option value="Physic">Physic</option>                          <option value="Chemistry">Chemistry</option>                          <option value="Biology">Biology</option>                </select>Score Min : <input type="number" name="comsMin" style="width:70px" min="0" max="100"/>Max :  <input type="number" name="comsMax" style="width:70px" min="0" max="100"/></td></tr></table>這是 JavaScript 代碼function addRow(tableID) {            var table = document.getElementById(tableID);            var rowCount = table.rows.length;            var row = table.insertRow(rowCount);            var colCount = table.rows[0].cells.length;            for(var i=0; i<colCount; i++) {                var newcell = row.insertCell(i);                newcell.innerHTML = table.rows[0].cells[i].innerHTML;                //alert(newcell.childNodes);                switch(newcell.childNodes[0].type) {                    case "#text":                            newcell.childNodes[0].value = "";                            break;                    case "#checkbox":                            newcell.childNodes[0].checked = false;                            break;                    case "#select-one":                            newcell.childNodes[0].selectedIndex = 0;                            break;                }            }        }我的問題是我不知道如何以及在哪里編寫代碼來禁用在新添加的選擇框中的第一個選擇框中選擇的所選選項。這可能嗎?
查看完整描述

1 回答

?
蕭十郎

TA貢獻1815條經驗 獲得超13個贊

我們可以有一個單獨的表來以隱藏模式存儲數據集并在其中維護選擇狀態。除了隱藏元素,您還可以在javascript變量中維護狀態。


function syncModdelAdd(tableID){

    //  Get the available selections

  var table = document.getElementById(tableID);

  var rowCount = table.rows.length;


  var dataTable = document.getElementById('dataTable');


  for(var i=0; i<rowCount; i++){

    var selectedIndex = table.rows[i].cells[1].childNodes[1].selectedIndex;

        dataTable.rows[0].cells[1].childNodes[1].options[selectedIndex].disabled=true;

  }

}


function syncModelDelete(selectedIndex){

  var dataTable = document.getElementById('dataTable');  

    dataTable.rows[0].cells[1].childNodes[1].options[selectedIndex].disabled=false;


  var table = document.getElementById('resultTable');

  var totalRows = table.rows.length;

  table.rows[totalRows-1].cells[1].childNodes[1].options[selectedIndex].disabled=false;

}

小提琴鏈接:https : //jsfiddle.net/2tfacL9k/


查看完整回答
反對 回復 2021-12-23
  • 1 回答
  • 0 關注
  • 124 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號