javascript - 使用 jquery 从 TextArea 创建数组

Question

我有以下代码

<!----SUBMIT BUTTON---->
<input type="button" value="Submit" onClick="getData();">
.....

<div id="rev"></div>

点击提交按钮后，我可以在 id='rev' 的文本区域中显示数据库中所需的数据，格式如下:

20

30

我想使用jquery将文本区域的这些内容推送到数组中

 <script type="text/javascript">
                    var arr=new Array();
                    function createArr()
                    {
                            var txt=$('#rev').val();
                            $.each(txt.split('\n'),function(i,value){
                                    if(value!=""){
                                            arr.push(value);
                                    }
                            });
                    }
                    createArr();             
                    document.write(arr[0]);
 </script>

这似乎不起作用，我的网页上的输出应该显示我的数组的第一个元素，即 20。任何人都可以告诉我我的代码做错了什么？

当我改变这个时它起作用

 <div id="rev"></div> 

进入

  <textarea id="rev"></textarea>. 

不知道为什么div不能在这里使用？

Answer 1

使用 window.onload 函数包装整个函数。试试这个:

<script type="text/javascript">
window.onload = function(){

                function createArr()
                { 
                        var arr=new Array();
                        var txt=$('#rev').html();  // use html() instead of val()
                        $.each(txt.split('\n'),function(i,value){
                                if(value!=""){
                                        arr.push(value);
                                }
                        });
                }
                createArr();             
                console.log(arr[0]);
}
</script>

Demo