html怎么实现单击按钮后打开文本框输入的链接？

Posted 2023-04-23

<div id="container">
<div class="search bar2">
<form action="http://oadi.link/" target="_blank">
<input type="text" placeholder="请输入OADI链接后的OADI号" >
<button type="submit"></button>
</form>
</div>

例如单击按钮后，打开http://oadi.link/m.9781838537678.03.20210527.1622180345，
其中m.9781838537678.03.20210527.1622180345是输入在文本框内的文字

参考技术A 1.form表单提交，将form的action值重新赋值
let inputVal = document.querySelector("input[type='text']").value;

let href1 = "http://oadi.link/" + inputVal ;
document.querySelector('form ').action = href1 ;

2. 不用form表单提交，用a标签的href来实现吧
let A = document.createElement("a");
let inputVal = document.querySelector("input[type='text']").value;
A.setAttribute("href","http://oadi.link/"+inputVal );
A.setAttribute("target","_blank");
A.click();
上面的方法都要在button 的点击事件里去操作，仅提供一个思路。本回答被提问者采纳

用jquery 怎么给文本框赋值

方法/步骤
新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。

然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。

然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。

最后就是关键步骤了，引入jQuery文件，注意路径一定要正确，然后写jQuery代码，其实就用到了val(“这里是赋值内容”)方法。

打开浏览器测试一下，点击按钮之后输入框内自动输入了赋值的内容。 参考技术A 可以通过两种方法来给文本框赋值：

1.通过jquery方式的val来赋值
$("#realname").val("100");//赋值
2.通过原生js给文本框value来赋值
document.getElementById("realname").value="100";本回答被提问者采纳 参考技术B <input type="text" id="userName" />
$("#userName").val("小明")

参考技术C var i = $(".num").val();
$(".num").attr("value", i); 参考技术D $("#txt1").blur( function ()
$("#txt2").val("一级");
$("#txt3").val("优");

);