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

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

如何創(chuàng)建一個提交按鈕,在 URL 上附加一個值并在提交后轉(zhuǎn)到該 URL?

如何創(chuàng)建一個提交按鈕,在 URL 上附加一個值并在提交后轉(zhuǎn)到該 URL?

月關(guān)寶盒 2023-09-21 16:21:18
因此,基本上,要求是用戶在文本字段中輸入一個值,然后單擊“提交”后,他將被重定向到具有基于其輸入值的 URL 的頁面,例如:用戶輸入:測試點(diǎn)擊提交后就變成了一個URL: http: //test.example.com然后重定向到該 URL我一直在嘗試使用以下代碼:<script>    function resetId(){  var idInput = document.getElementById("id");  var suffix=".example.com";            alert("Value before submit:" + idInput.value);}</script><form action="#" method="post" onsubmit="resetId();return false" >    <input type="text" name="id" value="domain" id="id"><br>    <input type="submit"></form>我能夠?qū)⑵涓郊訛楹缶Y,但隨后我也感到困惑,因?yàn)檫@是 URL,我需要整個內(nèi)容,所以我認(rèn)為有更好的方法來實(shí)現(xiàn)這一點(diǎn),而不是做我已經(jīng)做的事情。抱歉,我是編碼新手,并且仍在學(xué)習(xí)新概念。
查看完整描述

2 回答

?
猛跑小豬

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

有很多方法可以實(shí)現(xiàn)它。

利用模板字符串和提示的單行方法(創(chuàng)建一個彈出窗口,提示用戶輸入某些內(nèi)容)。

window.location.replace(`http://${prompt('Input:')}.example.com`)

使用形式及其onsubmit屬性(您的方法)。請注意,對于 ES6,請使用let或const而不是var

function resetId(){

? ? const idInput = document.getElementById("id");

? ? const url = `http://${idInput.value}.example.com`;

? ? alert("Value before submit: " + url);

? ? window.location.replace(url);

}

<form action="#" method="post" onsubmit="resetId();" >

? ? <input type="text" name="id" value="domain" id="id">

? ? <input type="submit">

</form>

一種不使用表單而是使用按鈕的方法。

// Same as above

function resetId(){

? ? const idInput = document.getElementById("id");

? ? const url = `http://${idInput.value}.example.com`;

? ? alert("Value before submit: " + url);

? ? window.location.replace(url);

}

<div>

? ? <label for="id">Input:</label>

? ? <input type="text" name="id" value="domain" id="id">

</div>

<button onclick="resetId()">submit</button>

注意:不要<br />在表單中使用新行,而是考慮對每行使用<label>并<input>包裹在<div>如下所示的內(nèi)容中:


<div>

? ? <label for="something">Something:</label>

? ? <input type="text" name="something" id="something" />

</div>


查看完整回答
反對 回復(fù) 2023-09-21
?
MM們

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

只需替換這行代碼

<form action="#" method="GET" onsubmit="resetId();return false" >


查看完整回答
反對 回復(fù) 2023-09-21
  • 2 回答
  • 0 關(guān)注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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