Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript onclick函数_Javascript_Jquery_Onclick - Fatal编程技术网

Javascript onclick函数

Javascript onclick函数,javascript,jquery,onclick,Javascript,Jquery,Onclick,问题1:我的观点是创建尽可能多的按钮和数组行。我这里有一些错误 <script type="text/javascript"> var myArray = []; $('#button').click(function(){ var value1 = $('#value1').val(); var value2 = $('#value1').val(); var value3 = $('#value1').val(); var newArray = []; var newArr

问题1:我的观点是创建尽可能多的按钮和数组行。我这里有一些错误

<script type="text/javascript">
var myArray = [];

$('#button').click(function(){

var value1 = $('#value1').val();
var value2 = $('#value1').val();
var value3 = $('#value1').val();
var newArray = []; 
var newArray[0] = value1;
var newArray[1] = value2;
var newArray[2] = value3;
myArray.push(newArray);

$("#save").append(
    $("<button>").click(function() {
        myFunction.apply(null, myArray);
    }).text("Click me!")
   );
   });

});

function myFunction(value1,value2,value3)
{
var jsonData = $.ajax({
url: "file.php?value1=" + value1 + "&value2=" + value2 + "&value3=" + value3
dataType: "json",
async: false
}).responseText;
(...)
}
//edited: problem maybe found. I said buttons dont do anything because of this.
OUTPUT: file.php?value1=paul,23,USA&value2=undefined&value3=undefined
//it seems that value1 gets all values :s
</script>


<div id ="save"></div>

var myArray=[];
$(“#按钮”)。单击(函数(){
var value1=$('#value1').val();
var value2=$('#value1').val();
var value3=$('#value1').val();
var newArray=[];
var newArray[0]=value1;
var newArray[1]=value2;
var newArray[2]=value3;
myArray.push(newArray);
$(“#保存”)。追加(
$(“”)。单击(函数(){
myFunction.apply(null,myArray);
}).text(“单击我!”)
);
});
});
函数myFunction(值1、值2、值3)
{
var jsonData=$.ajax({
url:“file.php?value1=“+value1+”&value2=“+value2+”&value3=“+value3
数据类型:“json”,
异步:false
}).responseText;
(...)
}
//编辑:可能发现问题。我说按钮不会因为这个做任何事。
输出:file.php?value1=paul,23岁,美国&value2=undefined&value3=undefined
//value1似乎得到了所有的值:s
我正在寻找一种解决方案,它可以返回如下内容:

例如:


点击我
点击我

使用更多详细信息编辑了我的代码

这是因为myArray的第一项是数组(newArray)您应该只调用一个数组参数尝试调用下面的函数,它应该可以工作

myFunction.apply(null, newArray);
//or
myFunction.apply(null, [value1,value2,value3]);
我想这会有帮助:

    <div  id="save">
    </div>      
    <script type="text/javascript">
        function addButtons(myArray){
            for(i=0;i<myArray.length;i++)
            {
                var button = $('<button id="btn_'+i+'" onclick="myFunction(this);">Click me</button>')
                $(button).data('details',myArray[i]).appendTo("#save");
            }
        }
        function myFunction(element){
            alert($(element).data('details'));
        }
    </script>

功能添加按钮(myArray){
for(i=0;imyFunction.apply(null,newArray);!)
    <div  id="save">
    </div>      
    <script type="text/javascript">
        function addButtons(myArray){
            for(i=0;i<myArray.length;i++)
            {
                var button = $('<button id="btn_'+i+'" onclick="myFunction(this);">Click me</button>')
                $(button).data('details',myArray[i]).appendTo("#save");
            }
        }
        function myFunction(element){
            alert($(element).data('details'));
        }
    </script>