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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

如何通過更改 html 表單中的選擇選項(xiàng)來更改變量？

如何通過更改 html 表單中的選擇選項(xiàng)來更改變量？

富國滬深 2022-05-26 14:41:04
每當(dāng)用戶在我的 html 表單的選擇列表中更改他的答案時(shí)，我都會(huì)嘗試更改我的變量“年份”。我想將“年份”更改為當(dāng)前選擇的任何年份，因此如果用戶選擇“2022”，我希望我的變量年份等于 2022。我嘗試使用“事件”作為函數(shù) setYear() 的參數(shù)，但這并不成功。任何幫助將不勝感激。var year;<script type="text/javascript">    function setYear(a) {        year = a;    }</script><form>    <tr>        <td>Year: </td>        <td><select name="Year" onchange="setYear(event)">            <option value="2020">2020</option>            <option value="2021">2021</option>            <option value="2022">2022</option>        </select></td>    </tr></form>
查看完整描述

3 回答

?
慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊

你的代碼：


var year;


<script type="text/javascript">

    function setYear(a) {

        year = a;

    }

</script>


<form>

    <tr>

        <td>Year: </td>

        <td><select name="Year" onchange="setYear(event)">

            <option value="2020">2020</option>

            <option value="2021">2021</option>

            <option value="2022">2022</option>

        </select></td>

    </tr>

</form>

您在標(biāo)簽var外聲明變量<script>。因?yàn)?，var是在<script>標(biāo)簽之外聲明的，所以它對(duì) javaScript 函數(shù)不可見。

此外，您正在var設(shè)置事件參數(shù)。此代碼可能有效。




<script type="text/javascript">

    var year;

    function setYear(a) {

        year = a;

    }

</script>


<form>

    <tr>

        <td>Year: </td>

        <td><select name="Year" onchange="setYear(this.value)">

            <option value="2020">2020</option>

            <option value="2021">2021</option>

            <option value="2022">2022</option>

        </select></td>

    </tr>

</form>


查看完整回答
反對(duì) 回復(fù) 2022-05-26
?
12345678_0001

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊

您可以使用this來引用 select DOM 元素：


<script type="text/javascript">

  let year

  function setYear(a) {

    year = a

  }

</script>


<select name="Year" onchange="setYear(this.value)">

  <option value="2020">2020</option>

  <option value="2021">2021</option>

  <option value="2022">2022</option>

</select>

然而，像這樣的內(nèi)聯(lián) JavaScript 有點(diǎn)過時(shí)了。對(duì)于更現(xiàn)代的方法，使用document.querySelector獲取 DOM 節(jié)點(diǎn)，并注冊(cè)一個(gè)事件偵聽器，該偵聽器在它更改時(shí)觸發(fā)。這樣，您不必混合 HTML 和 JS：


<script type="text/javascript">

  let year

  const yearSelect = document.querySelector('#yearSelect')


  yearSelect.addEventListener('change', e => {

    year = e.target.value

  })

</script>


<select id="yearSelect" name="Year">

  <option value="2020">2020</option>

  <option value="2021">2021</option>

  <option value="2022">2022</option>

</select>


查看完整回答
反對(duì) 回復(fù) 2022-05-26
?
智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

首先，您不應(yīng)該使用<td>并且<tr>沒有<table>標(biāo)簽。標(biāo)簽定義表格行

。標(biāo)簽定義了表格中的標(biāo)準(zhǔn)單元格<tr>。<td>


然后，在 onchange 事件中，您應(yīng)該this作為參數(shù)傳遞。它將引用 HTML 的 select DOM 元素。在您的功能中，您現(xiàn)在可以知道您選擇的年份是哪一年。


select.options[select.selectedIndex].value;

選擇：您的 DOM 元素。

options：你選擇的所有選項(xiàng)作為一個(gè)數(shù)組

select.selectedIndex：用戶選擇的索引（對(duì)應(yīng)一個(gè)數(shù)字）

value：選擇的選項(xiàng)的值。


<!DOCTYPE html>

<html dir="ltr">

  <head>

    <meta charset="utf-8">

    <title>Title</title>

  </head>

  <body>

    <form>

      <label>Year:</label>

      <select name="Year" onchange="setYear(this)">

        <option value="2020">2020</option>

        <option value="2021">2021</option>

        <option value="2022">2022</option>

      </select>

     </form>

  </body>


  <script type="text/javascript">

    var year;

    function setYear(select) {

        year = select.options[select.selectedIndex].value;

    }

  </script>

</html>


查看完整回答
反對(duì) 回復(fù) 2022-05-26
  • 3 回答
  • 0 關(guān)注
  • 211 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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