如何在javascript數組中添加某個div元素的id？

Question

<td class="row" id="253"> 
    <select class="available-room" style="" id="roomToBook"> 
<option value="0">Select</option> 
<option value=1>1</option> 
<option value=2>2</option> 
<option value=3>3</option> 
<option value=4>4</option> 
<option value=5>5</option> 
<option value=6>6</option> 
<option value=7>7</option> 
<option value=8>8</option> 
<option value=9>9</option> 
<option value=10>10</option> 
</select>`enter code here` 
    </td> 
    <td class="row" id="253"> 
    <select class="available-room" style="" id="roomToBook"> 
<option value="0">Select</option> 
<option value=1>1</option> 
<option value=2>2</option> 
<option value=3>3</option> 
<option value=4>4</option> 
<option value=5>5</option> 
<option value=6>6</option> 
<option value=7>7</option> 
<option value=8>8</option> 
<option value=9>9</option> 
<option value=10>10</option> 
</select>    </td> 
    <td class="row" id="253"> 
    <select class="available-room" style="" id="roomToBook"> 
<option value="0">Select</option> 
<option value=1>1</option> 
<option value=2>2</option> 
<option value=3>3</option> 
<option value=4>4</option> 
<option value=5>5</option> 
<option value=6>6</option> 
<option value=7>7</option> 
<option value=8>8</option> 
<option value=9>9</option> 
<option value=10>10</option> 
</select>    </td> 

我有一個三個表格單元具有不同的ID。在用戶選擇相應id的選項並在用戶從同一時間從不同表格單元中選擇兩個或更多兩個選項值時，在數組中添加標識時，我希望獲得標識。 我也有一個javascript代碼。它經常在每次選擇相同id的選項值時顯示相同的id。請別人幫助我。

$(document).ready(function() { 
$(document).on('change', '.available-room', function() { 
    var room_id = new Array(); 
     room_id.push($(this).parent('td').attr('id')); 
     alert(room_id); 
    }); 
    });  

Answer 1

您必須聲明ID在一個文件中唯一的，這樣就可以通過$(this).val()和數組聲明var room_id = new Array()得到的值必須是外.on('change',function(){....});

 <table> 
      <td class="row" id="roomToBook_1"> 
       <select class="available-room" style="" id="roomToBook1"> 
        <option value="0">Select</option> 
        <option value=1>1</option> 
        <option value=2>2</option> 
        <option value=3>3</option> 
        <option value=4>4</option> 
        <option value=5>5</option> 
        <option value=6>6</option> 
        <option value=7>7</option> 
        <option value=8>8</option> 
        <option value=9>9</option> 
        <option value=10>10</option> 
       </select> 
      </td> 
      <td class="row" id="roomToBook_2"> 
       <select class="available-room" style="" id="roomToBook2"> 
        <option value="0">Select</option> 
        <option value=1>1</option> 
        <option value=2>2</option> 
        <option value=3>3</option> 
        <option value=4>4</option> 
        <option value=5>5</option> 
        <option value=6>6</option> 
        <option value=7>7</option> 
        <option value=8>8</option> 
        <option value=9>9</option> 
        <option value=10>10</option> 
       </select>    </td> 
      <td class="row" id="roomToBook_3"> 
       <select class="available-room" style="" id="roomToBook3"> 
        <option value="0">Select</option> 
        <option value=1>1</option> 
        <option value=2>2</option> 
        <option value=3>3</option> 
        <option value=4>4</option> 
        <option value=5>5</option> 
        <option value=6>6</option> 
        <option value=7>7</option> 
        <option value=8>8</option> 
        <option value=9>9</option> 
        <option value=10>10</option> 
       </select>    </td> 
     </table> 


     <script> 

      $(document).ready(function() { 
       var room_id = new Array(); 
       $(document).on('change', '.available-room', function() { 

        room_id.push($(this).val()); 
        //alert(room_id); 
        alert(JSON.stringify(room_id)); 
       }); 
      }); 


     </script>