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

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

執(zhí)行 Javascript 后返回空白下拉列表

執(zhí)行 Javascript 后返回空白下拉列表

暮色呼如 2022-07-01 17:00:29
<label for="currencyListFrom">From:</label><select    id="currencyListFrom"    onchange="callCurrFrom(this)"    name="cf"    form="currencyform">    <option value="none" selected disabled hidden>Select Currency From</option>    <option value="EUR" label="EURO" selected>EUR</option></select><label for="currencyListTo">To:</label><select    id="currencyListTo"    onchange="callCurrTo(this)"    name="ct"    form="currencyform">    <option value="none" selected disabled hidden>Select Currency To </option>    <option value="USD" label="US dollar" selected>USD</option></select><script>    //sessionStorage stores the data for one session until web browser is open    function callCurrFrom(obj) {        //setItem() accept key, keyvalue pair        sessionStorage.setItem(            "selectedCur",            obj.options[obj.selectedIndex].value        );        // id value stored        document.getElementById("currencyListFrom").value =            obj.options[obj.selectedIndex].value;    }    // Retrieve Value    document.getElementById("currencyListFrom").value = sessionStorage.getItem(        "selectedCur"    );    function callCurrTo(obj) {        sessionStorage.setItem(            "selectedCurr",            obj.options[obj.selectedIndex].value        );        document.getElementById("currencyListTo").value =            obj.options[obj.selectedIndex].value;    }    document.getElementById("currencyListTo").value = sessionStorage.getItem(        "selectedCurr"    );</script>我以這種方式編碼,以便 JavaScript 會記住選定的下拉菜單,如果我選擇相應(yīng)的貨幣并提交表單,那么選定的值不會消失,這很好,但是當頁面第一次加載時,我無法查看我的默認選項,它們是空白的,有什么辦法可以解決這個問題,謝謝
查看完整描述

1 回答

?
GCT1015

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

有幾點需要注意:

  1. selected對所有選項都有支持

  2. 你的 javascript 總是在 sessionStorage 中設(shè)置currencyListFromandcurrencyListTo元素的值,即使那里什么也沒有。這實際上將值設(shè)置為未定義。

解決這些問題似乎可以解決問題:

<label for="currencyListFrom">From:</label>

<select

  id="currencyListFrom"

  onchange="callCurrFrom(this)"

  name="cf"

  form="currencyform"

>

  <option value="none" disabled hidden>Select Currency From</option>

  <option value="EUR" label="EURO">EUR</option></select

>


<label for="currencyListTo">To:</label>

<select

  id="currencyListTo"

  onchange="callCurrTo(this)"

  name="ct"

  form="currencyform"

>

  <option value="none" disabled hidden>Select Currency To </option>

  <option value="USD" label="US dollar">USD</option>

</select>


<script>

    // wrap in IIFE in order to not pollute global scope

    (function() {

        //sessionStorage stores the data for one session until web browser is open

        function callCurrFrom(obj) {

            //setItem() accept key, keyvalue pair

            sessionStorage.setItem(

                "selectedCur",

                obj.options[obj.selectedIndex].value

            );

            // id value stored

            document.getElementById("currencyListFrom").value =

                obj.options[obj.selectedIndex].value;

        }

        var defaultFrom = sessionStorage.getItem(

            "selectedCur"

        );

        if (defaultFrom) { // ensure it's not falsey

            document.getElementById("currencyListFrom").value = defaultFrom

        }

    

        function callCurrTo(obj) {

            sessionStorage.setItem(

                "selectedCurr",

                obj.options[obj.selectedIndex].value

            );

            document.getElementById("currencyListTo").value =

                obj.options[obj.selectedIndex].value;

        }

        var defaultTo =sessionStorage.getItem(

            "selectedCurr"

        );

        if (defaultTo) { // ensure it's not falsey

            document.getElementById("currencyListTo").value = defaultTo

        }

    })();

</script>


查看完整回答
反對 回復(fù) 2022-07-01
  • 1 回答
  • 0 關(guān)注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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