javascript – 从数组中提取值并将它们放入数组中

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从数组中提取值并将它们放入数组中，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2788字，纯文字阅读大概需要4分钟。

内容图文

当然,这不应该这么难吗？

我有一个< select>,当然还有< options>.这些选项始终采用数字格式,因为它们由用户动态添加到列表中.

然后我需要从列表中获取所有这些选项,将它们放在一个数组中,然后在数组上执行逻辑.我试过四处搜索,但一切都与jquery或php有关 – 我使用普通的旧HTML和JavaScript.

选择采用滚动框格式：

<select id="selectBox" name="select" size="15" style="width:190px;">  
<!-- <options> are added via javascript -->     
</select>

目前,我正在使用此JavaScript来获取元素,但它不起作用：

//Calculate all numbers
        var x=[];
    function calculate()
    {
        for (var i = 0; i < 999; i++)
        {
            x[i]=selectbox.options[i].value;
            alert(x[i]);
        }

    }

Calculate()由按钮调用.有些事情非常糟糕,我无法解决这个问题. selectbox以前被定义为var selectbox = document.getElementById(“selectBox”);我知道这很有效.

警报只被调用,所以我可以尝试调试这个东西……

我正在使用999的数字,因为我无法弄清楚如何获得< select>中的多少元素. (因为它是滚动框格式).
解决方案必须是javascript,并且列表框必须采用滚动框格式.

在此先感谢您的帮助！

编辑 – 好的,更多编码来帮助这个.

<form id="aggregateForm">
    <input id="inputNum" value="" type="text"><input id="addnum" value="Add" onclick="add();" type="button">
    <br>
    <select id="selectBox" name="select" size="15" style="width:190px;">  

    </select>
    <br>
    <input id="calculate" value="Calculate" onclick="calculate();" type="button"><input id="reset" value="Reset" onclick="reset();" type="button">
</form>

<script type="text/javascript">
    var selectbox = document.getElementById("selectBox");

    function add()
    {
    //Function to add a new number to the list of digits
    //Parses an integer to ensure everything works okay
    if(IsNumeric(document.getElementById("inputNum").value) == true)
    {
        selectbox.options[selectbox.options.length] = new Option(document.getElementById("inputNum").value, document.getElementById("inputNum").value);
        inputNum.focus();
    }
    else if(IsNumeric(document.getElementById("inputNum").value) == false)
    {
        alert("I'm sorry, but you have entered an invalid number. Please enter a number into the input box.");
        inputNum.focus();
    }
    }

    //Calculate all numbers
    var x=[];
    function calculate()
    {
    for (var i = 0; i <selectbox.options.length; i++)
        {
    x[i]=selectbox.options[i].value;
    alert(x[i]);
        }


    }

    //IsNumeric function coding taken from https://stackoverflow.com/questions/18082/validate-numbers-in-javascript-isnumeric, code by Joel Coehoorn
    function IsNumeric(input)
    {
        return (input - 0) == input && input.length > 0;
    }


</script>

解决方法:

问题是calculate也是元素的ID.奇怪的是,它认为计算是DOM对象而不是你的功能：proof.我改变了函数名来计算.

我上周才发现你可以用带有所述ID的ID来引用你的元素.

<div id="really">Yep for some reason</div>

…稍后在javascript中

// no document.getElementById, just
// let me be very clear, THIS IS WRONG TO USE VERY BAD SO EVERYONE CAN KNOW NOT TO USE THIS
// but it does work this way so be aware
really.innerHTML = "I guess he was right.";

内容总结

以上是互联网集市为您收集整理的javascript – 从数组中提取值并将它们放入数组中全部内容，希望文章能够帮你解决javascript – 从数组中提取值并将它们放入数组中所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端