javascript - 如何从 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 的选项时获取 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>