javascript - 使用 html-javascript 从 2 个列表的输入中打印一个电子邮件 ID 列表

Question

我对 javascript 还很陌生。下面是我的代码，用于将多个电子邮件 ID 作为 2 个列表的输入，并在与输入相同的网页上获取第二个电子邮件 ID 列表作为输出。

<form action="accept.php" method="POST">
    List1: <input type="email" id="myEmail" name="usremail" multiple>
    List2: <input type="email" id="myEmailTwo" name="usrtwoemail" multiple>
</form>

<button onclick="myFunction()">Submit</button>

<p id="print"></p>

<script>

function myFunction(){
    document.getElementById("myEmail").multiple=true;
    document.getElementById("myEmailTwo").multiple=true;

    var x = document.getElementById("myEmailTwo").elements;

    document.getElementById("print").innerHTML=x;

</script>

我不知道出了什么问题，但输出显示“未定义”。任何人都可以指导我获得准确的输出吗？预先感谢您!

Answer 1

我不知道这是否是您想要做的，但是请替换它

var x = document.getElementById("myEmailTwo").elements;

由

var x = document.getElementById("myEmailTwo").value;

您得到一个未定义，因为您通过document.getElementById("获得的input没有elements属性myEmailTwo").

<form action="accept.php" method="POST">
    List1: <input type="email" id="myEmail" name="usremail" multiple>
    List2: <input type="email" id="myEmailTwo" name="usrtwoemail" multiple>
</form>

<button onclick="myFunction()">Submit</button>

<p id="print"></p>

<script>

function myFunction(){
    document.getElementById("myEmail").multiple=true;
    document.getElementById("myEmailTwo").multiple=true;

    var x = document.getElementById("myEmailTwo").value;

    document.getElementById("print").innerHTML=x;
}
</script>