请问div获取文本框的值

郑爽
  • 57

第一个input里面有只读的值,第二个文本框可以自己输入值。

现在我要点一下获取按钮后,自动把这两个文本框的值合并,然后写到一个div里。

请问js能做到吗,要最简单的办法。谢谢。

回复
阅读 243
2 个回答
✓ 已被采纳

demo

<div>
  <input type="text" readonly value='https://' id='input1'>
  <input type="text"  value='' id='input2' placeholder='请输入网站'>
  <button id='btn'>合并输出</button>
</div>

<div id="dom"></div>

js

document.getElementById("btn").onclick = function () {
  let input1 = document.getElementById("input1").value;
  let input2 = document.getElementById("input2").value;
  document.getElementById("dom").innerHTML = `你输入的网址是${input1}${input2}`;
};

这不是基本的dom操作么?

const val1 = document.querySelector('#input1').value;
const val2 = document.querySelector('#input2').value;
document.querySelector('#div').innerText = val1 + val2;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏