2011-06-22 55 views
0

我新的PHP和JS,我有这样的代码,我一直在坚持,我不能去上班:PHP/JS形式问题

我something.php只是有$variable= $_POST['SUBMIT'] echo $variable

<?php 
$list=$_POST['added']; 
?> 

<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.js'></script> 

    <link rel="stylesheet" type="text/css" href="/css/normalize.css"> 
    <link rel="stylesheet" type="text/css" href="/css/result-light.css"> 

    <style type='text/css'> 


#display{ 
    width: 500px; 
    height: 250px; 
    overflow: scroll; 
    background-color:white; 
} 

#display div { 
    clear: both; 
} 
#display div span{ 
    float: left; 
    padding: 10px; 
} 

.edit { 
    color: blue; 
} 

.delete { 
    color: red; 
} 



    body {background-color:orange;} 
p {color:orange; 
    size=3; 
} 

    body { 

    background-image: url("http://dev.icalapp.rogersdigitalmedia.com.rogers-test.com/rogers_blackberry_8900.jpg"); 

    background-position: 50% 50%; 

    background-repeat: repeat; 

} 

    </style> 

    <script type='text/javascript'> 
    //<![CDATA[ 
    $(window).load(function(){ 
    $('#add').click(function() { 
    this.innerHTML = 'Add'; 
    var input = $('#addInput'); 
    var display = $('#display'); 
    var form = $('#addForm'); 
    if ($.trim(input.val()).length > 0) { //is there input? 
     var div = $('<div>').append($('<span>', { 
      text: input.val() 
     }), $('<span>', { 
      text: 'delete', 
      class: 'delete' 
     }), $('<span>', { 
      text: 'edit', 
      class: 'edit' 
     })) 
     display.append(div); 
     form.append($('<input>', { 
      value: input.val(), 
      type: 'hidden', 
      name: 'added[]' 
     })); 
     input.val(''); 
     } 
    }) 



    $('.edit').live('click', function(){ 
     $('#add').html('Edit'); 
     var input = $('#addInput'); 
     var index = $(this).parent().index() + 1; 
     input.val($(this).parent().children().get(0).innerHTML); //show value 
     $(this).parent().remove(); //remove it from the list 
     $('#addForm').children().eq(index).remove(); 
    }); 

    $('.delete').live('click', function(){ 
     var index = $(this).parent().index() + 1; 
     $('#addForm').children().eq(index).remove(); 
     $(this).parent().remove(); //remove it from the list 
    }); 




    }); 


    //]]> 
    </script> 

    <title>Admin Phone Setup</title> 
</head> 
<body> 

<STYLE>H2 {FONT-SIZE: 21pt; COLOR: #ff3399}; </STYLE> 
<CENTER> 
<H2>Twilio Admin Setup</H2> 
</CENTER> 


<p id="demo">Enter Phone Numbers</p> 
    <input id="addInput"/> <button id="add">Add</button> 
<div id='display'></div> 
<form action="something.php" id="addForm"> 
    <input type="submit" value="SUBMIT"/> 
</form> 
</body> 
</html> 

我想要做的是一旦一个人添加一串数字到该列表中,然后点击提交它应该将这些值发送到something.php,以便我可以使用这些值...我真的被卡住了,不知道我是什么我做错了...我认为这可能是我的显示列表中的变量或一些问题。

+0

什么不工作? – jeroen

+0

概览我的建议是尝试将输入放置在

标记内,因为提交表单只发送标记内指定的输入。 – Ram

+0

因为你的PHP文件寻找_POST,当打开你的表单(例如)时,添加method =“post”> – Ram

回答

1

1)您的按钮是未命名的。要获得按钮值,你必须分配一个名称属性,例如

<input type="submit" name="mysubmitbutton" value="SUBMIT" />

2)在你something.php您正在使用POST阵列,但你的提交表单与GET数据,因为在你的表单标签没有“方法”属性。此外,它似乎尝试通过使用它的值作为索引访问按钮值(这不是字;))。您可以选择(nameing按钮后) 一)在你的PHP脚本 20b使用$ _GET [ 'mysubmitbutton'])你的表单标签更改为

<form ... method="post" ... >
和使用$ _ POST [ 'mysubmitbutton']。

+0

我已经解决了它,但现在问题是它显示“提交”,当我点击提交按钮...所以something.php显示提交...这是假设显示我添加到列表中的数字列表.. – Bulvak

+0

迭代你*添加*数组并回显项目。例如foreach($ _ POST ['added'] as $ item){echo $ item。 '
'; } – hacksteak25