hasnath rumman
hasnath rumman

Reputation: 113

how to Get selected option value within PHP page reload

<div class="form-group row">
    <label for="event_name" class="col-sm-2  col-md-1 col-form-label">Event Name</label>
    <div class="col-sm-4 col-md-4">
        <select class="form-control event" name='event_name' id='event_name'>
            <option value="Option_1">Option 1</option>
            <option value="Option_2">Option 2</option>
            <option value="Option_3">Option 3</option>
            <option value="Option_4">Option 4</option>
            <option value="Option_5">Option 5</option>
        </select>
    </div>
</div>

<h4>{Event name}</h4>

my question is how to get {Event name} when i select any option?

Upvotes: 0

Views: 1005

Answers (2)

hasnath rumman
hasnath rumman

Reputation: 113

i got my answer and it's for without submitting value

<?PHP
    $event_name = $_GET['event_name'];
?>

<script>
jQuery(function($){

    $('#event_name').change(function(e){
        let event_name = e.target.value;
        window.location.href = `/wp-admin/admin.php?pageName&event_name=${event_name}`;
    });
}
</script>

Upvotes: 0

n212
n212

Reputation: 607

You can do with easily with a session within a form. Just do something at the top like:

<?php
if (isset($_GET['form'])) {
   $_SESSION['eName'] = $_GET['event_name'];
}
?>

<div class="form-group row">
    <label for="event_name" class="col-sm-2  col-md-1 col-form-label">Event Name</label>
    <div class="col-sm-4 col-md-4">
    <form method="GET" action="">
        <select class="form-control event" name='event_name' id='event_name'>
            <option value="Option_1">Option 1</option>
            <option value="Option_2">Option 2</option>
            <option value="Option_3">Option 3</option>
            <option value="Option_4">Option 4</option>
            <option value="Option_5">Option 5</option>
        </select>
        <input type="submit" name="form">
    </form>
    </div>
</div>

<h4><?php if(isset($_SESSION['eName'])) { echo $_SESSION['eName']; }?></h4>

Upvotes: 1

Related Questions