php/JS form question_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-03-14 15:31 出处：网络

I am new to php and JS and I have this code I have been stuck on that I cant get to work: my something.php just has $variable= $_POST[\'SUBMIT\']

I am new to php and JS and I have this code I have been stuck on that I cant get to work:

my something.php just has $variable= $_POST['SUBMIT'] echo $variable

<?开发者_如何学JAVAphp
$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>

What I am trying to do is once a person adds a bunch of numbers into that list and clicks submit it should send those values to something.php so I can use those values...I am really stuck and dont know what I am doing wrong...I think it might be the variable or some issue with my display list.

1) Your button is unnamed. To get the buttons value, you must assing a name attribute, e.g.

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

2) In your something.php you are using the POST-array, but your form is submitted with GET-data, because there is no 'method' attribute on your form tag. Also it seems that you try to access the buttons value by using its value as index (that does not word ;) ). You have the choice (after nameing the button) a) use $_GET['mysubmitbutton'] in your PHP-Script b) change your form tag to