Question

请查看以下代码。我想将提示框中输入的值输入到函数dis（）中。我怎么能这样做？

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var z=prompt("enter your name...");
if(z!=null)
{
document.getElementById("demo").innerHTML="thankyou"+z+"..";
document.getElementById("case").style.display='block';
}
else
document.getElementById("demo").innerHTML="thankyou";
}
function dis()
{

    var a=document.getElementById("aaa").value;
    alert("your mark is"+a);
}
</script>
</head>
<body>
<p id="demo">click on the button.....</p>
<button type="button" onclick="display()">submit</button>
<div id="case" style="display:none">
<input type="text" id="aaa" name="myText" onDblClick="dis()">enter your mark
</div>
</body>
</html>

Answer 1

如果要直接将值传递给dis（）函数，请将脚本更改为

function display() {
     var z = prompt("enter your name...");
     if (z != null) {
         document.getElementById("demo").innerHTML = "thankyou " + z + "..";
         document.getElementById("case").style.display = 'block';
         dis(z);
     }
     else
         document.getElementById("demo").innerHTML = "thankyou";
 }
 function dis(arg) {
     alert("your mark is" + arg);
 }

Answer 2

如果您希望可以从独立函数访问该值，则需要将其存储在全局变量中：

<script>
var userName = null;

function display() {
  userName = prompt("enter your name...");
  if (userName != null) {
    document.getElementById("demo").innerHTML="thankyou "+userName +"..";
    document.getElementById("case").style.display='block';
  } else
    document.getElementById("demo").innerHTML="thankyou";
}

function dis() {
    var a=document.getElementById("aaa").value;
    alert(userName + ", your mark is"+a);
}
</script>

请注意，如果函数完全独立，则他们都需要测试变量是否具有值。在您的情况下，dis()函数仅从控件中调用，该控件在设置值后可见，但请注意，用户可能再次单击该按钮然后取消 - 在这种情况下，名称将被设置回到null，但case元素仍然可见。

获取提示框的值到另一个功能

2 个答案: