0

I'm still learning PHP and I'm trying to insert new values to the database using a dropdown. So far this is what I've made:

<table class="table">
<tr>
    <th>Employee Name</th>
    <th>Time</th>
    <th>Priority</th>
    <th>Assignee</th>
    <th>Subject</th>
    <th>Problem</th>
    <th>Status</th>
</tr>
<?php
include ('database.php');
$result = $database->prepare ("SELECT * FROM tickets order by ticketno DESC");
$result ->execute();
for ($count=0; $row_message = $result ->fetch(); $count++){
?>
<tr>
    <td><?php echo $row_message['full_name']; ?></td>
    <td><?php echo $row_message['time']; ?></td>
    <td><?php echo $row_message['priority']; ?></td>
    <?php if ($row_message['assignee']) : ?>
    <td><?php echo $row_message['assignee']; ?></td>
    <?php else : ?>
    <td>
        <form method="post" action="update1.php">
            <input type="hidden" name="ticketno" value="<?php echo $row_message['ticketno']; ?>" />
            <input type="submit" name="accept" value="Accept"></input>
        </form>
    </td>
    <?php endif ; ?>
    <td><?php echo $row_message['subject']; ?></td>
    <td><?php echo $row_message['problem']; ?></td>
    <td>
        <label for=""></label> <select style="font-family: Questrial;" name="status" required>
            <option disabled selected hidden>Select Status</option>
            <option name="status" value="In Progress">In Progress</option>
            <option name="status" value="Closed: Cancelled">Closed: Cancelled</option>
            <option name="status" value="Closed: Solved">Closed: Solved</option>
        </select>
    </td>
</tr>
<?php    }    ?>
</table>

I also got a sample script:

<script>
$(document).ready(function(){
 $('input[type="radio"]').click(function(){
 var gender = $(this).val();
 $.ajax({
 url:"insert.php",
 method:"POST",
 data:{gender:gender},
 success: function(data){
 $('#result').html(data);
 }
 });
 });
});
</script>

My concern is, I'm not sure what should be my ('input[type="radio"]') if I'm using a dropdown.

Here's my table schema:

Table Schema image description

Syfer
  • 4,262
  • 3
  • 20
  • 37

1 Answers1

0
<!-- page1.php--->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="">Change Status</label>
    <select style="font-family: Questrial;" name="status" id="status" onchange="getdropdownvalue();" required>
        <option disabled selected hidden>Select Status</option>
        <option name="status" value="in_progress">In Progress</option>
        <option name="status" value="cancelled">Closed: Cancelled</option>
        <option name="status" value="solved">Closed: Solved</option>
    </select>
    <div id="result">
    </div>

<script>                            
    function getdropdownvalue(){
        var status =$("#status").val();
        alert("status value is-"+status);
        if(status!=''){

            $.ajax({
                        type:'POST',
                        url:"insert.php",
                        data:"status="+status,
                        success:function(data){
                         if(data.trim() == 'success')
                                    {
                                       $("#result").html("<div style='color:green;'>record inserted successfully </div>");
                                    }else{
                                        // error

                                    }
                                } 
                    });
        }
    }
</script>

<?php 
/**************  insert.php  page ***********/
// you can get status value by $_POST
if(isset($_POST['status'])){
    $status = $_POST['status'];
    // insert query here 
    // if insert successfully you should - 
    //echo "success"; 
}

?>
coder001
  • 110
  • 7