無法將ID和數值一起推送到JavaScript陣列中

我寫了一段代碼來創建一個動態陣列，以回圈瀏覽一個div內的所有控制元件，并建立一個陣列，不知道哪里出了問題，但無法將id推送到陣列。當我把它記錄到控制臺時，我可以看到ID

$('#btnClick'). click(function() {
  saveDiv($("#div1"/span>)
});

function saveDiv(div) {
  var controlValues = [] 。
  div.find('input:text, input:password, input:file, select, textarea' /span>)
    .each（function（） {
      //console.log($(this).attr("id")); 
      var id = $(this).attr("id") 。
      var quote_str = "'"/span>   id   "'";
      console.log（id）。
      controlValues.push（ {
        quote_str: $（this）.val()
      });
      console.log（controlValues）。
    });
}

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<div id="main">/span>
  <div id="div1"> 
    <div class="row g-3"/span>>
      <div class="col-sm-6">/span>
        < label for="vesselname" class="form-label"> 船舶名稱</label>
        < input type="text" class="form-control" id="vesselname" placeholder="Enter Vessel Name" value=""> 
      </div><br /> 
      <div class="col-sm-6"/span>>
        < label for=" vesseltype" class="form-label"> 船舶型別</label>。
        < select class="form-select" id="shiptype">/span>
          <option>--Select--</option> 
          <option>Test</option> 
        </select>/span>
      </div><br />/span>
      <div class="form-check mb-2"/span>>
        < input class="form-check-input" type="checkbox" value=" id="formCheck5"> 
        < label class="form-check-label" for="formcheck5"> 材料損壞</label>。
      </div>/span>
      <br>/span>
      <button id="btnClick"/span>> 點擊我</button> 
    </div>/span>
  </div>/span>
</div>/span>

我總是把Id換成quote_str

uj5u.com熱心網友回復：

更新：根據OP的評論，你想把動態鍵作為id變數，你可以通過把var放在方括號里作為[id]

controlValues.push({
  [id]: $（this）.val(),
});

下面是作業代碼

顯示代碼片段

$('#btnClick')。 click(function() {
  saveDiv($("#div1"/span>)
});

function saveDiv(div) {
  var controlValues = [] 。
  div.find('input:text, input:password, input:file, select, textarea' /span>)
    .each（function（） {
      //console.log($(this).attr("id")); 
      var id = $(this).attr("id") 。
      var quote_str = "'"/span>   id   "'";
      console.log（id）。
      controlValues.push（{
        [id]: $(this).val(),
      });
      console.log（controlValues）。
    });
}

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<div id="main">/span>
  <div id="div1"> 
    <div class="row g-3"/span>>
      <div class="col-sm-6">/span>
        < label for="vesselname" class="form-label"> 船舶名稱</label>
        < input type="text" class="form-control" id="vesselname" placeholder="Enter Vessel Name" value=""> 
      </div><br /> 
      <div class="col-sm-6"/span>>
        < label for=" vesseltype" class="form-label"> 船舶型別</label>。
        < select class="form-select" id="shiptype">/span>
          <option>--Select--</option> 
          <option>Test</option> 
        </select>/span>
      </div><br />/span>
      <div class="form-check mb-2"/span>>
        < input class="form-check-input" type="checkbox" value=" id="formCheck5"> 
        < label class="form-check-label" for="formcheck5"> 材料損壞</label>。
      </div>/span>
      <br>/span>
      <button id="btnClick"/span>> 點擊我</button> 
    </div>/span>
  </div>/span>
</div>/span>

標籤：

上一篇：按鈕的標簽重定向到僅用于按鈕的鏈接

下一篇：選擇開始日期和結束日期時jQueryDatepicker中的問題