亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何獲取整個 HTML 下拉列表的值

如何獲取整個 HTML 下拉列表的值

幕布斯7119047 2023-09-28 15:50:59
我需要獲取整個元素及其所有子元素的值,以便我可以創建該元素的副本。有沒有辦法用純js來做到這一點?<!DOCTYPE html><html><select id="select"><option>Bulldog</option><option>Pitbull</option></select><!--The entire dropdown with all its child option elements should be duplicated into the div element:--><div id="div"></div></html>
查看完整描述

3 回答

?
動漫人物

TA貢獻1815條經驗 獲得超10個贊

使用克隆節點:

document.body.appendChild(document.querySelector('#select').cloneNode(true));

它克隆該元素,然后將克隆附加到頁面主體。您不需要獲取元素的值。

希望這個對你有幫助。


查看完整回答
反對 回復 2023-09-28
?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

我認為最好給出每個選項的價值,


也許這個js可以幫助你


與 HTML


<!DOCTYPE html><html>

<select id="select">

<option value="Bulldog">Bulldog</option>

<option value="Pitbull">Pitbull</option>

</select>

<!--The entire dropdown with all its child option elements should be duplicated into the div element:-->

<div id="div"></div>

</html>

和 JS :


var j = document.getElementById("select");

var i;

var value = "List Value: ";

for (i = 0; i < j.length; i++) {

        value = value + "\n" + j.options[i].text;

    }

    

console.log(value)


查看完整回答
反對 回復 2023-09-28
?
侃侃爾雅

TA貢獻1801條經驗 獲得超16個贊

下面的代碼通過克隆整個元素并附加到元素 id="div" 來顯示結果。讓我知道這是否是您所需要的。


<!DOCTYPE html>

<html>

  <body>

    <select id="select">

      <option>Bulldog</option>

      <option>Pitbull</option>

    </select>

    <!--The entire dropdown with all its child option elements should be duplicated into the div element:-->

    <div id="div"></div>

  </body>

</html>

<script>

  var x = document.querySelector("#select").cloneNode(true);

  document.getElementById("div").appendChild(x);

</script>


查看完整回答
反對 回復 2023-09-28
  • 3 回答
  • 0 關注
  • 224 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號