第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

我們可以使用 javascript 的 document.getElementById

我們可以使用 javascript 的 document.getElementById

SMILET 2021-06-01 18:38:05
我想使用 javascript 獲取下拉欄的默認值。在下面的代碼中alert(document.getElementById("dropdown").selected)<select id="dropdown">  <option value="volvo">Volvo</option>  <option value="saab">Saab</option>  <option value="vw">VW</option>  <option value="audi" selected>Audi</option></select>展開片段audi 選項默認是下拉欄的選定值。在document.getElementById("drop-down").value=""我們的幫助下，我們可以獲得用戶選擇的值（比如 Saab），但我想獲得該特定下拉欄的默認值（即奧迪）我嘗試使用document.getElementById("selement").selected 但它似乎不起作用無論用戶選擇什么，我都想獲得默認值。我有兩個標簽。第一個標簽有這個下拉菜單。當用戶移動到下一個選項卡時，第一個選項卡中的下拉列表應(yīng)顯示默認值（例如“選擇下面的任何選項”或在示例中為“奧迪”），但對我而言，下拉列表顯示用戶在更改選項卡之前選擇的那個。那么有沒有辦法通過 JS 獲得“奧迪”的價值？
查看完整描述

3 回答

?
鴻蒙傳說

TA貢獻1865條經(jīng)驗 獲得超7個贊

在這個例子中，我們獲取defaultatDOMContentLoaded并存儲它。


let defaultValue;


document.addEventListener('DOMContentLoaded', () => {

  defaultValue = document.querySelector('#selement').value;

});


document.addEventListener('change', (e) => {

  if(e.target.matches('#selement')) {

    console.log(`Default: ${defaultValue} - Selected: ${e.target.value}`);

  }

});

<select id="selement">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="vw">VW</option>

  <option value="audi" selected>Audi</option>

</select>

假設(shè)完全控制 HTML：


注意：我們添加了一個data標簽。


document.addEventListener('change', (e) => {

  if(e.target.matches('#selement')) {

    let defaultValue = e.target.querySelector('option[data-default="true"]').value;

    console.log(`Default: ${defaultValue} - Selected: ${e.target.value}`);

  }

});

<select id="selement">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="vw">VW</option>

  <option value="audi" data-default="true" selected>Audi</option>

</select>

再次假設(shè) HTML 控件，但對該data選項稍作調(diào)整。


document.addEventListener('change', (e) => {

  if(e.target.matches('#selement')) {

    console.log(`Default: ${e.target.dataset.default} - Selected: ${e.target.value}`);

  }

});

<select id="selement" data-default="audi">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="vw">VW</option>

  <option value="audi" selected>Audi</option>

</select>


查看完整回答
反對 回復 2021-06-03
?
蝴蝶不菲

TA貢獻1810條經(jīng)驗 獲得超4個贊

只需使用value：


console.log(document.getElementById("selement").value);

<select id="selement">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="vw">VW</option>

  <option value="audi" selected>Audi</option>

</select>


查看完整回答
反對 回復 2021-06-03
?
慕運維8079593

TA貢獻1876條經(jīng)驗 獲得超5個贊

您可以測試是否option使用 選擇了一個元素.select，因此您可以遍歷所有選項并獲取所選元素的值，如下所示：


function getSelectedValue(dropDownId) {


    var options = document.getElementById(dropDownId).children;


    for (option of options) {

        if (option.selected) {

            return option.value;

        }

    }

}

dropDownId你的select元素的 id在哪里。


但是由于所選選項將被用戶更改，因此您可以在頁面加載腳本后立即將默認所選選項的值存儲在變量中，例如一個簡單的全局變量，例如 var defaultValue = getSelectedValue("my-drop-down");


查看完整回答
反對 回復 2021-06-03
  • 3 回答
  • 0 關(guān)注
  • 176 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號