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

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

用于將文本插入輸入的多個(gè)按鈕

用于將文本插入輸入的多個(gè)按鈕

我正在嘗試為我們最常見(jiàn)的搜索提供一個(gè)帶有搜索值的按鈕。我想做的是用戶單擊按鈕并插入帶有引號(hào)“Some Text”的文本?,F(xiàn)在,這就是我使用的單個(gè)按鈕。我該如何做到這一點(diǎn),以便我可以使用一個(gè)帶有多個(gè)按鈕的腳本?  <button onclick="searchText()" data-product-name="iPhone 12 Pro">iPhone 12 Pro Max</button> <----Current Button<button onclick="searchText()" data-product-name="Pixel 5">Pixel</button> <---- Added for what Id like<button onclick="searchText()" data-product-name="LG">LG</button><---- Added for what Id like<button onclick="searchText()" data-product-name="Samsung S20 Plus">Samsung S20 Plus</button><---- Added for what Id like  <script>  var i = 0;  var txt = '"iPhone 12 Pro Max"';  var speed = 50;  function searchText() {    if (i < txt.length) {      document.getElementById("search-query").value += txt.charAt(i);      i++;      setTimeout(typeWriter, speed);    }  }  </script>我嘗試添加以下內(nèi)容但沒(méi)有成功。var txt = element.getAttribute('data-product-name');
查看完整描述

2 回答

?
蕭十郎

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

var i = 0;

var txt = '"iPhone 12 Pro Max"';

var speed = 50;

var elements = document.querySelectorAll('button')

for (let i = 0; i < elements.length; i++) {

  elements[i].addEventListener('click', function() {

    var txt = this.getAttribute('data-product-name');

    console.log(txt);

  });

}

<button data-product-name="iPhone 12 Pro">iPhone 12 Pro Max</button>

<button data-product-name="Pixel 5">Pixel</button>

<button data-product-name="LG">LG</button>

<button data-product-name="Samsung S20 Plus">Samsung S20 Plus</button>


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
慕姐8265434

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

您可以將按鈕的 id 傳遞給 searchText。并使用 jquery 或純 js 讀取文本


   <!--html --->

   <button onclick="searchText('buttonOne')" id= "buttonOne" data-product-name="Samsung S20 Plus">Samsung S20 Plus</button><---- Added for what Id like


   // javascript

   function(buttonId){

        var text = document.getElementById(buttonId).innerHTML

        // process the text with your business logic here

   }


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 2 回答
  • 0 關(guān)注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報(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)