簡體   English   中英

禁用先前選擇的下拉選項,同時檢查文本和ID值

[英]disable previously selected dropdown option, check both text & id value

在表格中, 如何遍歷表格列中的所有dropdowns textid ,並將其保存在數組中。 這樣我就可以禁用以前選擇的選項

選擇一個選項后,我不希望它再次可用 如何檢查表中先前選擇的選項 的選定文本 ,將該選項在頁面上的所有其他下拉列表中設置為禁用。

(此問題與其他SO問題不同,因為它在檢查了表中的selected textselected value之后將其禁用,並且需要將指定列中的下拉列表作為目標)

var allSelectedValuesArray = array();
allSelectedValuesArray.push($("#tblVersions .Model option:selected").text());

var rows = $("body tr",$("#tblVersions")).map(function() { 
return [$("td:eq(0) input:checkbox:checked",this).map(function() { 
  return this.innerHTML;     
}).get()];
}).get();

<table id="tblversions">
 <tbody id="body">
  <tr class="rowcss">
   <td>
    <select class="Manufacturer">
      <option value="1">Toyota </option>
      <option value="2">Honda</option>
      <option value="3">BMW</option>
    </select>
   </td>
   <td>
   <select class="Model"> 
   <!-- If user selects Honda my Ajax populates Honda Models/Cars like below-->
      <option value="1">Accord</option>
      <option value="2">Toyota 2</option>
      <option value="3">Honda 3</option>        
    </select>
   </td>
   </tr>
    <tr class="rowcss">
    <td>
    <select class="Manufacturer">
      <option value="1">Toyota </option>
      <option value="2">Honda</option>
      <option value="3">BMW</option>
    </select>
    </td>
    <td>
    <select class="Model">
    <!-- If user selects BMW my Ajax populates BMW models Cars like below-->
      <option value="1">X5 Suv</option>
      <option value="2">318 series Cheap</option>
      <option value="3">540i too expensive!</option>        
    </select>
   </td>
  </tr>     
 </tbody>
 </table>

我不理解您問題的第二部分,但是如果您想獲取所有下拉菜單的文本和值,則可以執行以下操作。

// Called when any of the dropdowns change
( "#tblversions" ).change(function() {
    var allSelectedValuesArray = [];

    // Search for all selects in the #tblversions
    $("#tblversions select option:selected").each(function() {
        // for each one, push it into the array
        allSelectedValuesArray.push({text:$(this).text(), value:this.value});
    });
});

這會為表中的每個下拉列表以{text:“ sometext”,value:“ somevalue”}格式創建對象數組。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM