禁用以前选择的下拉选项,同时检查文本和文本。 id值

时间:2017-04-04 03:29:11

标签: javascript jquery arrays html5 jquery-selectors

在表格中,如何遍历所有dropdowns text&表{c}中的id,并将它们保存在数组中。这样我就可以禁用以前选择的选项

  

选择 选项后,我不希望它再次可用 如何检查表格中以前所选选项的选定文本,并在页面中的所有其他下拉列表中禁用该选项。

(此问题与其他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>

1 个答案:

答案 0 :(得分:1)

我不明白你问题的第二部分,但如果你想获得所有下拉列表的文字和数值,你可以做这样的事情。

// 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”}。