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

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

查詢所選選項的數據集不起作用

查詢所選選項的數據集不起作用

子衿沉夜 2023-08-24 10:14:18
我有一個像這樣的選擇下拉列表:var itemInfo = ($(this).children('option:selected').data('name'));console.log(itemInfo);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><select id="delivery-options" class="custom-select"><option selected="" value="0">VáLASSZON!</option><option value="1790" data-price="1790" data-name="MPL küldemény el?re fizetéssel" data-id="4TB994cA318NHg6u8ILM">MPL küldemény el?re fizetéssel - 1&nbsp;790&nbsp;Ft</option><option value="990" data-price="990" data-name="Foxpost automatába" data-id="cC62JjhpDE7ksFd6A2jd">Foxpost automatába - 990&nbsp;Ft</option><option value="1611" data-price="1611" data-name="GLS háztól-házig futár el?re fizetéssel" data-id="i5lwg116QsFzTuuSuxBk">GLS háztól-házig futár el?re fizetéssel - 1&nbsp;611&nbsp;Ft</option></select>根據我在 StackOverflow 中找到的信息,我嘗試過:這有效:var itemInfo = ($(this).children('option:selected').data('name'));這些返回未定義:var itemInfo = ($(this).children('option:selected').dataset); var itemInfo = ($(this).children('option:selected').dataset[0]);正確的方法是什么?我需要整個數據集作為一個對象。
查看完整描述

2 回答

?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

使用$("option:selected",this)和.data()


$(function() {

  $("#delivery-options").on("change",function() {

    console.log($("option:selected",this).data())

  })

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="delivery-options" class="custom-select">

  <option selected="" value="0">VáLASSZON!</option>

  <option value="1790" data-price="1790" data-name="MPL küldemény el?re fizetéssel" data-id="4TB994cA318NHg6u8ILM">MPL küldemény el?re fizetéssel - 1&nbsp;790&nbsp;Ft</option>

  <option value="990" data-price="990" data-name="Foxpost automatába" data-id="cC62JjhpDE7ksFd6A2jd">Foxpost automatába - 990&nbsp;Ft</option>

  <option value="1611" data-price="1611" data-name="GLS háztól-házig futár el?re fizetéssel" data-id="i5lwg116QsFzTuuSuxBk">GLS háztól-házig futár el?re fizetéssel - 1&nbsp;611&nbsp;Ft</option>

</select>

普通JS:


window.addEventListener("load",function() {

  document.getElementById("delivery-options").addEventListener("change",function() {

    console.log(this.options[this.selectedIndex].dataset)

  })

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="delivery-options" class="custom-select">

  <option selected="" value="0">VáLASSZON!</option>

  <option value="1790" data-price="1790" data-name="MPL küldemény el?re fizetéssel" data-id="4TB994cA318NHg6u8ILM">MPL küldemény el?re fizetéssel - 1&nbsp;790&nbsp;Ft</option>

  <option value="990" data-price="990" data-name="Foxpost automatába" data-id="cC62JjhpDE7ksFd6A2jd">Foxpost automatába - 990&nbsp;Ft</option>

  <option value="1611" data-price="1611" data-name="GLS háztól-házig futár el?re fizetéssel" data-id="i5lwg116QsFzTuuSuxBk">GLS háztól-házig futár el?re fizetéssel - 1&nbsp;611&nbsp;Ft</option>

</select>


查看完整回答
反對 回復 2023-08-24
?
暮色呼如

TA貢獻1853條經驗 獲得超9個贊

使用

var itemInfo = $(this).children('option:selected').data();

它將獲取整個 data-* 屬性。


查看完整回答
反對 回復 2023-08-24
  • 2 回答
  • 0 關注
  • 182 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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