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

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

如何使用html中的href傳遞輸入字段值？

如何使用html中的href傳遞輸入字段值？

qq_花開(kāi)花謝_0 2023-12-14 16:40:54
我想將一個(gè)整數(shù)值從 href 傳遞到輸入字段值。假設(shè) example.com 是有 1 個(gè)輸入字段的網(wǎng)頁(yè)。我想做類似href="www.example.com" value="12345" 點(diǎn)擊這里 1href="www.example.com" value="125"點(diǎn)擊這里 2如果用戶點(diǎn)擊這里 1然后輸入字段在 example.com 中必須填寫 12345 值，如果用戶單擊“單擊此處 2”，則 example.com 中的輸入字段必須填寫 125 值。（用戶無(wú)需輸入該值）
查看完整描述

4 回答

?
富國(guó)滬深

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

好吧，根據(jù)我的理解，這就是你想要做的 - 你有兩個(gè)鏈接

鏈接1 - 點(diǎn)我！鏈接 2-不，請(qǐng)點(diǎn)擊我！

如果用戶單擊鏈接 1，他們將看到一個(gè)包含值的輸入字段。輸入的值將是鏈接的值。如果單擊鏈接 2，將向他們顯示一個(gè)包含鏈接二值的輸入字段。

實(shí)現(xiàn)這一點(diǎn)相當(dāng)簡(jiǎn)單，只需設(shè)置一個(gè)簡(jiǎn)單的 javascript 函數(shù)，該函數(shù)在單擊每個(gè)鏈接時(shí)就會(huì)發(fā)生。

例如 const linkOne = document.querySelector('.linkOne'); const inputOne = document.querySelector('.inputOne'); linkOne.addEventListener("click", function() { inputOne.value = linkOne.getAttribute('value'); }); ，然后您將對(duì)鏈接二執(zhí)行相同的操作。

getAttribute 可以幫助您獲取元素的任何屬性，我們不會(huì)使用 .value 因?yàn)檫@會(huì)返回鏈接。


查看完整回答
反對(duì) 回復(fù) 2023-12-14
?
慕森王

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

以下是您將如何做到的。在 HTML 中創(chuàng)建兩個(gè)按鈕 Click here 1 和 Click here 2 在屬性 onmousedown 中給它們函數(shù)名稱 showResult1 和 showResult2 并創(chuàng)建一個(gè) id 為“answer”的輸入，然后在 Script 標(biāo)簽中定義兩個(gè)變量 a 和 b 并為它們分配整數(shù)值 12345和 125 并使用您在兩個(gè)按鈕“showResult1”“showResult2”的 onmousedown 屬性中在 html 中定義的名稱創(chuàng)建兩個(gè)函數(shù)，并通過(guò) document.getElementById 獲取輸入的 Id“answer”，并為它們提供 a 和 b 值


var a = 12345;

var b = 125;


function showResult1() {

  document.getElementById("answer").value = a;

}


function showResult2() {

  document.getElementById("answer").value = b;

}

<button id="btn" onmousedown="showResult1()">Click here 1</button>


<button id="btn" onmousedown="showResult2()">Click here 2</button>

<br><br>

<input id="answer" readonly>


查看完整回答
反對(duì) 回復(fù) 2023-12-14
?
慕無(wú)忌1623718

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

為了解決這個(gè)問(wèn)題，您有多種選擇，例如普通 JavaScript 或使用jQuery 庫(kù)（如我與您共享的代碼片段中所示），結(jié)果將是相同的。


如果運(yùn)行此代碼片段，您會(huì)注意到，當(dāng)用戶單擊任何鏈接時(shí)，輸入會(huì)自動(dòng)填充您在請(qǐng)求描述中提供的值。請(qǐng)繼續(xù)在您的代碼中實(shí)現(xiàn)這一點(diǎn)，但不要忘記將 jquery 庫(kù)添加到您的 html 主文件中，以便您使用它。


我當(dāng)然希望這能有所幫助，伙計(jì)。祝你有美好的一天，繼續(xù)編碼，這是一次偉大的冒險(xiǎn)！


$(document).ready(function() {

    $("#clickHere01").click(function() {

      $("#txtValues").val("12345");

    });

    

    $("#clickHere02").click(function() {

      $("#txtValues").val("125");

    });

    

    

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<hr>

<h3>Welcome to the www.example.com website</h3>

<p>Please click the below links to fill up this textbox:<br />

    <input type="text" id="txtValues" value="">

</p>


<a href="#" id="clickHere01">Click here 1</a>

<a href="#" id="clickHere02">Click here 2</a>


查看完整回答
反對(duì) 回復(fù) 2023-12-14
?
斯蒂芬大帝

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

尋找我的樣品：這就是你想要的嗎？


$("#btn_1").on("click",function(){

    $("#data_1").val($(this).val());

});

$("#btn_2").on("click",function(){

    $("#data_1").val($(this).val());

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>

    <button id="btn_1" value="12345">Click here 1</button>

    <button id="btn_2" value="125">Click here 2</button>

    

    <input id="data_1" type="text" value="" readonly>

</div>


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

添加回答

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