Question

在用户点击提交按钮后，我想在模式框中显示2个输入字段。我是否必须将矩阵的类型更改为类型=＆＃34; text＆＃34;在JavaScript中？如果是这样，我该怎么做？

<form><br>
<h1 style="text-align: center; color:red;">LOGIN</h1>
    <input type="text" name="name" placeholder="NAME" id="name"><br><br>
    <input type="password" name="matrixno" placeholder="MATRIX NO" id="matrix"><br><br><br>
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;">
</form>

Jsfiddle

Answer 1

这里只需要做一点改变：

var x = document.getElementById("name"), y = document.getElementById("matrix");

btn.onclick = function() {
  document.getElementById("show").innerHTML = x.value;
  document.getElementById("show1").innerHTML = y.value;
  modal.style.display = "block";
}

单击不在文档就绪/页面加载上的按钮后访问输入的值。同样在show1 style="colorw:white;"到style="color:white;"

Answer 2

您不需要更改类型，只需访问它的价值属性即可。所以：

var pass = document.getElementById("matrix").value;

Answer 3

你好检查下面的小提琴我希望你正在寻找这个。希望它有所帮助

pop up input demo Fiddle

不要在第一个地方使用.value作为全局变量，因为当您提交它或在任何情况下调用它时，值都会丢失

要跳过这个我会建议

1.初始化变量var some = document.getElementById("someid");

2.将变量及其值调到var answer=some.value 我将在下面对此进行描述，以获得更多进一步的知识。

<强> #Working

var x = document.getElementById("name"); //global variable
var btn = document.getElementById("myBtn");

btn.onclick = function(e) {
e.preventDefault();
alert(x.value);
  }

<input type="text" name="name" placeholder="NAME" id="name">
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;">

#Not Working

var x = document.getElementById("name").value;
var btn = document.getElementById("myBtn");

btn.onclick = function(e) {
 e.preventDefault();
 alert(x);
}

<input type="text" name="name" placeholder="NAME" id="name">
<input id="myBtn" type="button" value="Submit" style="cursor:pointer; margin-right: 4.5cm; padding: 7px 16px;">

没有弹出输入字段

3 个答案: