untung99.homes: PHP Select Option

falma.u99 November 5, 2023Juli 25, 2023 option, select, untung99homes

Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99.homes dengan judul untung99.homes: PHP Select Option yang telah tayang di untung99.homes terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99.homes, Terimakasih.

Summary: in this tutorial, you will learn how to use the element to create a drop-down list and a list box and how to get the selected values from the element in PHP.


A quick introduction to the 
The  is an HTML element that provides a list of options. The following shows how to define a  element in HTML:

<label for="color">Background Color:label>
<select name="color" id="color">
	<option value="">--- Choose a color ---option>
	<option value="red">Redoption>
	<option value="green">Greenoption>
	<option value="blue">Blueoption>
select>Code language: HTML, XML (xml)
The  element has two important attributes:


id – the id associates the  element with a  element

name – the name attribute associates with the value for a form submission.

The  element nested inside the  element defines an option in the menu. Each option has a value attribute. The value attribute stores data submitted to the server when it is selected.

If an option doesn’t have the value attribute, the value attribute defaults to the text inside the  element.
To select an option when the page loads for the first time, you can add the selected attribute to the  element.
The following example selects the Green option when the page first loads:
<label for="color">Background Color:label>
<select name="color" id="color">
	<option value="">--- Choose a color ---option>
	<option value="red">Redoption>
	<option value="green" selected>Greenoption>
	<option value="blue">Blueoption>
select>Code language: HTML, XML (xml)
Getting the selected value from a 
We’ll create a form that uses a  element.

First, create the following folders and files:
├── css
|  └── style.css
├── inc
|  ├── footer.php
|  ├── get.php
|  ├── header.php
|  └── post.php
└── index.php
Code language: JavaScript (javascript)
Second, place the following code in the header.php file:
html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>PHP select optiontitle>
head>

<body class="center">
    <main>Code language: HTML, XML (xml)
Third, place the following code in the footer.php file:
main>
body>

html>Code language: HTML, XML (xml)
Fourth, add the following code to the get.php file to create a form that has one  element with a submit button:

<form action="" method="post">
    <div>
        <label for="color">Background Color:label>
        <select name="color" id="color">
            <option value="">--- Choose a color ---option>
            <option value="red">Redoption>
            <option value="green" selected>Greenoption>
            <option value="blue">Blueoption>
        select>
    div>
    <div>
        <button type="submit">Selectbutton>
    div>
form>Code language: HTML, XML (xml)
The form uses the POST method to submit data to the webserver.
Finally, add the following code to the post.php file:


$color = filter_input(INPUT_POST, 'color', FILTER_SANITIZE_STRING);

?>

 if ($color) : ?>
    <p>You selected <span style="color:"> echo $color ?>span>p>
    <p><a href="index.php">Back to the forma>p>
 else : ?>
    <p>You did not select any colorp>
 endif ?>Code language: HTML, XML (xml)
To get the selected value of the  element, you use the $_POST superglobal variable if the form method is POST and $_GET if the form method is GET.

Alternatively, you can use the filter_input() function to sanitize the selected value.
If you select the first option of the  element, the selected value will be empty. Otherwise, the selected value is red, green, or blue.

Select with multiple options
To enable multiple selections, you add the multiple attribute to the  element:

<select name="colors[]" id="colors" multiple>
...
select>Code language: HTML, XML (xml)
When you select multiple options of a  element and submit the form, the name will contain multiple values rather than a single value. To get multiple selected values, you add the square brackets ([]) after the name of  element.

Let’s take a look at an example of using a  element with multiple selections.

First, create the following folders and files:
.
├── css
|  └── style.css
├── inc
|  ├── footer.php
|  ├── get.php
|  ├── header.php
|  └── post.php
└── index.phpCode language: JavaScript (javascript)
Second, place the following code into the header.php file:
html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PHP Listboxtitle>
    <link rel="stylesheet" href="css/style.css">
head>

<body class="center">
    <main>Code language: HTML, XML (xml)
Third, add the following code to the footer.php file:
main>
body>

html>Code language: HTML, XML (xml)
Fourth, include the header.php and footer.php files in the index.php:


require __DIR__ . '/inc/header.php';

$request_method = strtoupper($_SERVER['REQUEST_METHOD']);

if ($request_method === 'GET') {
	require __DIR__ . '/inc/get.php';
} elseif ($request_method === 'POST') {
	require __DIR__ .  '/inc/post.php';
}

require __DIR__ . '/inc/footer.php';
Code language: HTML, XML (xml)
If the HTTP request is GET, the index.php file will show a form from the get.php file. When the form is submitted, the post.php file will handle the form submission.
Fifth, create a form that contains a  element with the multiple attribute in the get.php file. The name of the  element has an opening and closing square bracket [] so that PHP can create an array that holds the select values.

<form action="" method="post">
    <div>
        <label for="colors">Background Color:label>
        <select name="colors[]" id="colors" multiple>
            <option value="red">Redoption>
            <option value="green">Greenoption>
            <option value="blue">Blueoption>
            <option value="purple">Purpleoption>
            <option value="magenta">Magentaoption>
            <option value="cyan">Cyanoption>
        select>
    div>
    <div>
        <button type="submit">Submitbutton>
    div>
form>Code language: HTML, XML (xml)
Finally, handle the form submission in the post.php file:


$selected_colors = filter_input(
	INPUT_POST,
	'colors',
	FILTER_SANITIZE_STRING,
	FILTER_REQUIRE_ARRAY
);
?>

 if ($selected_colors) : ?>
	<p>You selected the following colors:p>
	<ul>
		 foreach ($selected_colors as $color) : ?>
			<li style="color:"> echo $color ?>li>
		 endforeach ?>
	ul>
	<p>

	p>

 else : ?>
	<p>You did not select any color.p>
 endif ?>
<a href="index.php">Back to the forma>Code language: HTML, XML (xml)
The post.php file uses the filter_input() function to get the selected colors as an array. If you select one or more colors, the post.php file will display them.
Summary

Use the  element to create a dropdown list.

Use the multiple attribute to create a list that allows multiple selections.
Use $_POST to get the selected value of the select element if the form method is POST (or $_GET if the form method is GET).
Add square brackets([]) after the name of the  element to get multiple selected values.




Did you find this tutorial useful?