通過使用javascript的值從DropDownList中刪除項目

我有以下DropDownList。通過使用javascript的值從DropDownList中刪除項目

@Html.DropDownList("AttractionsAvaiableAttractions", Model.AvaiableAttractions)

我使用腳本來訪問位於id td元素的此下拉列表。我怎樣才能從這個下拉列表中刪除項目的價值而不是選定的項目？

$(document).ready(function() { 
      var table = document.getElementById('TimeTableAttractions'); 
      var rowLength = table.rows[0].length; 
      var row = table.rows[0]; 
      for (var y = 1; y < row.cells.length; y++) { 
       var $td = $(row.cells[y]).closest("td"); 
       var itemToRemove = 'Example'; 
       $td.find("[name^='AttractionsAvaiableAttractions']").Remove(itemToRemove); 
      } 
     });

來源

2017-09-10 maciejka

因爲在下一列該元素重複我只用我的名字不使用ID。 – maciejka

如果你不需要它，請不要將它包含在'Model.AvaiableAttractions'中。 – CodingYoshi

請嘗試，

var itemToRemove = 'Example'; 

$("[name='AttractionsAvaiableAttractions '] option[value='"+itemToRemove+"']").remove();

其中AttractionsAvaiableAttractions是你的下拉列表的名稱。

請找樣本，

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="Scripts/jquery-3.1.1.min.js"></script> 
 
    <meta charset="utf-8" /> 
 
    <title></title> 
 
    <script type="text/javascript">  
 
      function removeItem() { 
 
       $("[name='programminglanguages'] option[value='2']").remove(); 
 
      } 
 
    </script> 
 
</head> 
 
<body> 
 
    <select id="ddlList" name="programminglanguages"> 
 
     <option value="www.codewithvijay.com">Code</option> 
 
     <option value="2">C#</option> 
 
     <option value="3">Java</option> 
 
     <option value="4">Go</option> 
 
     <option value="5">C++</option> 
 
    </select> 
 
    <input type="button" onclick='removeItem()' value="Click" /> 
 
</body> 
 
</html>

來源

2017-09-10 10:50:35

我不使用ID，因爲此元素在下一列中重複使用唯一的名稱。 – maciejka

我編輯了答案。請嘗試一下。 –

此解決方案也不起作用。 – maciejka

通過使用javascript的值從DropDownList中刪除項目

回答

相關問題