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

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

如何在 Javascript 中重寫(xiě)選項(xiàng)的文本？

如何在 Javascript 中重寫(xiě)選項(xiàng)的文本？

慕神8447489 2023-06-09 17:43:51
我遇到了一個(gè)問(wèn)題：我不知道如何重寫(xiě)選擇中選項(xiàng)的（內(nèi)部）文本。我的目標(biāo)是這樣的：<select id="example-dropdown">     <option id="option-id" value="example-option">Example</option></select><button id="change-option-text-btn" onclick="document.querySelector('#option-id').innerText = 'Example 2'">Click Me</button>我知道這可能是重復(fù)的，但我找到的所有答案都不適合我（我也找到了一些 jQuery 的，我不知道它們是否都不起作用），例如：document.querySelector("#example-dropdown").options[0].text = "Example 2"沒(méi)有遇到任何錯(cuò)誤信息。編輯：好的，對(duì)不起，我沒(méi)有說(shuō)：這只是一個(gè)示例代碼，onclick 只是為了節(jié)省時(shí)間
查看完整描述

1 回答

?
慕絲7291255

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

好吧，您當(dāng)前的代碼存在一些問(wèn)題，我將在此處簡(jiǎn)要指出。

  • 首先，最好在代碼中堅(jiān)持不顯眼的<script>解決方案，并在JS 文件或 JS 文件中處理所有邏輯，而不是在 HTML 本身中處理它們。因此，為此，我只是onclick從 HTML 中刪除了處理程序并將其移動(dòng)到 JS 部分，并嘗試訪問(wèn)該元素并通過(guò)addEventListener方法向其添加事件。

  • 如果您在查詢選擇器中選擇了正確的元素，您的第一個(gè)片段應(yīng)該會(huì)按預(yù)期工作，因此您可以將選擇器更改為document.querySelector('#example-dropdown option[value=example-option]')，但是由于innerText缺點(diǎn)，最好根本不要使用它來(lái)更改元素的內(nèi)部文本。

  • 如果您不想使用innerText它的缺點(diǎn)，可以使用innerHTMLortextContent屬性來(lái)更改 HTML 標(biāo)記的內(nèi)容。這就是你的情況，因?yàn)槟阒皇窍雴为?dú)更改你需要使用的選項(xiàng)的文本textContent。

你的最終代碼應(yīng)該是這樣的：

const btn = document.querySelector('#change-option-text-btn');

const select = document.querySelector('#example-dropdown');


btn.addEventListener('click', function() {

? select.options[0].textContent = 'Example 2'

});

<select id="example-dropdown">

? <option value="example-option">Example</option>

</select>


<button id="change-option-text-btn">Click Me</button>

此外，在您的特定情況下，由于您正在嘗試更改選擇選項(xiàng)的內(nèi)部文本，因此您還有一個(gè)選擇，因?yàn)槟皣L試過(guò)的是使用與texts?.textContentHTMLOptionElement

所以，document.querySelector("#example-dropdown").options[0].text應(yīng)該為你做的工作。

它將是這樣的：

const btn = document.querySelector('#change-option-text-btn');

const select = document.querySelector('#example-dropdown');


btn.addEventListener('click', function() {

? select.options[0].text = 'Example 2'

});

<select id="example-dropdown">

? <option value="example-option">Example</option>

</select>


<button id="change-option-text-btn">Click Me</button>


查看完整回答
反對(duì) 回復(fù) 2023-06-09
  • 1 回答
  • 0 關(guān)注
  • 146 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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