{"id":937,"date":"2021-04-07T01:50:01","date_gmt":"2021-04-07T01:50:01","guid":{"rendered":"https:\/\/phptutorial.net\/?page_id=937"},"modified":"2025-04-07T14:49:00","modified_gmt":"2025-04-07T14:49:00","slug":"php-select-option","status":"publish","type":"page","link":"https:\/\/www.phptutorial.net\/php-tutorial\/php-select-option\/","title":{"rendered":"PHP Select Option"},"content":{"rendered":"\n<p><strong>Summary<\/strong>: in this tutorial, you will learn how to use the <code>&lt;select&gt;<\/code> element to create a drop-down list and a list box and how to get the selected values from the <code>&lt;select&gt;<\/code> element in PHP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id='a-quick-introduction-to-the-select-element'>A quick introduction to the &lt;select&gt; element <a href=\"#a-quick-introduction-to-the-select-element\" class=\"anchor\" id=\"a-quick-introduction-to-the-select-element\" title=\"Anchor for A quick introduction to the &lt;select&gt; element\">#<\/a><\/h2>\n\n\n\n<p>The <code>&lt;select&gt;<\/code> is an HTML element that provides a list of options. The following shows how to define a <code>&lt;select&gt;<\/code> element in HTML:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;label <span class=\"hljs-keyword\">for<\/span>=<span class=\"hljs-string\">\"color\"<\/span>&gt;Background Color:&lt;\/label&gt;\n&lt;select name=<span class=\"hljs-string\">\"color\"<\/span> id=<span class=\"hljs-string\">\"color\"<\/span>&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"\"<\/span>&gt;--- Choose a color ---&lt;\/option&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"red\"<\/span>&gt;Red&lt;\/option&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"green\"<\/span>&gt;Green&lt;\/option&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"blue\"<\/span>&gt;Blue&lt;\/option&gt;\n&lt;\/select&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>The <code>&lt;select&gt;<\/code> element has two important attributes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>id<\/code> &#8211; the <code>id<\/code> associates the <code>&lt;select&gt;<\/code> element with a <code>&lt;label&gt;<\/code> element <\/li>\n\n\n\n<li><code>name<\/code> &#8211; the <code>name<\/code> attribute associates with the value for a form submission.<\/li>\n<\/ul>\n\n\n\n<p>The <code>&lt;option&gt;<\/code> element nested inside the <code>&lt;select&gt;<\/code> element defines an option in the menu. Each option has a <code>value<\/code> attribute. The <code>value<\/code> attribute stores data submitted to the server when it is selected.<\/p>\n\n\n\n<p>If an option doesn&#8217;t have the <code>value<\/code> attribute, the <code>value<\/code> attribute defaults to the text inside the <code>&lt;option&gt;<\/code> element.<\/p>\n\n\n\n<p>To select an option when the page loads for the first time, you can add the <code>selected<\/code> attribute to the <code>&lt;option&gt;<\/code> element.<\/p>\n\n\n\n<p>The following example selects the <code>Green<\/code> option when the page first loads:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;label <span class=\"hljs-keyword\">for<\/span>=<span class=\"hljs-string\">\"color\"<\/span>&gt;Background Color:&lt;\/label&gt;\n&lt;select name=<span class=\"hljs-string\">\"color\"<\/span> id=<span class=\"hljs-string\">\"color\"<\/span>&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"\"<\/span>&gt;--- Choose a color ---&lt;\/option&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"red\"<\/span>&gt;Red&lt;\/option&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"green\"<\/span> selected&gt;Green&lt;\/option&gt;\n\t&lt;option value=<span class=\"hljs-string\">\"blue\"<\/span>&gt;Blue&lt;\/option&gt;\n&lt;\/select&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\" id='getting-the-selected-value-from-a-select-element'>Getting the selected value from a &lt;select&gt; element <a href=\"#getting-the-selected-value-from-a-select-element\" class=\"anchor\" id=\"getting-the-selected-value-from-a-select-element\" title=\"Anchor for Getting the selected value from a &lt;select&gt; element\">#<\/a><\/h2>\n\n\n\n<p>We&#8217;ll <a href=\"https:\/\/phptutorial.net\/app\/select\/\" target=\"_blank\" rel=\"noreferrer noopener\">create a form<\/a> that uses a <code>&lt;select&gt;<\/code> element.<\/p>\n\n\n\n<p>First, create the following folders and files:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">\u251c\u2500\u2500 css\n|  \u2514\u2500\u2500 style.css\n\u251c\u2500\u2500 inc\n|  \u251c\u2500\u2500 footer.php\n|  \u251c\u2500\u2500 get.php\n|  \u251c\u2500\u2500 header.php\n|  \u2514\u2500\u2500 post.php\n\u2514\u2500\u2500 index.php<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Second, place the following code in the header.php file:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;!DOCTYPE html&gt;\n&lt;html lang=<span class=\"hljs-string\">\"en\"<\/span>&gt;\n\n&lt;head&gt;\n    &lt;meta charset=<span class=\"hljs-string\">\"UTF-8\"<\/span>&gt;\n    &lt;meta name=<span class=\"hljs-string\">\"viewport\"<\/span> content=<span class=\"hljs-string\">\"width=device-width, initial-scale=1.0\"<\/span>&gt;\n    &lt;link rel=<span class=\"hljs-string\">\"stylesheet\"<\/span> href=<span class=\"hljs-string\">\"css\/style.css\"<\/span>&gt;\n    &lt;title&gt;PHP select option&lt;\/title&gt;\n&lt;\/head&gt;\n\n&lt;body <span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span>=\"<span class=\"hljs-title\">center<\/span>\"&gt;\n    &lt;<span class=\"hljs-title\">main<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Third, place the following code in the footer.php file:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;\/main&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Fourth, add the following code to the get.php file to create a form that has one <code>&lt;select&gt;<\/code> element with a submit button:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;form action=<span class=\"hljs-string\">\"&lt;?php echo htmlspecialchars($_SERVER&#91;'PHP_SELF']) ?&gt;\"<\/span> method=<span class=\"hljs-string\">\"post\"<\/span>&gt;\n    &lt;div&gt;\n        &lt;label <span class=\"hljs-keyword\">for<\/span>=<span class=\"hljs-string\">\"color\"<\/span>&gt;Background Color:&lt;\/label&gt;\n        &lt;select name=<span class=\"hljs-string\">\"color\"<\/span> id=<span class=\"hljs-string\">\"color\"<\/span>&gt;\n            &lt;option value=<span class=\"hljs-string\">\"\"<\/span>&gt;--- Choose a color ---&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"red\"<\/span>&gt;Red&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"green\"<\/span> selected&gt;Green&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"blue\"<\/span>&gt;Blue&lt;\/option&gt;\n        &lt;\/select&gt;\n    &lt;\/div&gt;\n    &lt;div&gt;\n        &lt;button type=<span class=\"hljs-string\">\"submit\"<\/span>&gt;Select&lt;\/button&gt;\n    &lt;\/div&gt;\n&lt;\/form&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>The form uses the <code>POST<\/code> method to submit data to the webserver. <\/p>\n\n\n\n<p>Finally, add the following code to the post.php file:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-7\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-meta\">&lt;?php<\/span>\n\n\n<span class=\"hljs-keyword\">if<\/span>(filter_has_var(INPUT_POST, <span class=\"hljs-string\">'color'<\/span>)) {\n    $color = htmlspecialchars($_POST&#91;<span class=\"hljs-string\">'color'<\/span>]);\n} <span class=\"hljs-keyword\">else<\/span> {\n    $color = <span class=\"hljs-keyword\">null<\/span>;\n}\n<span class=\"hljs-meta\">?&gt;<\/span>\n\n<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">if<\/span> ($color) : <span class=\"hljs-meta\">?&gt;<\/span>\n    &lt;p&gt;You selected &lt;span style=<span class=\"hljs-string\">\"color:&lt;?=  $color ?&gt;\"<\/span>&gt;<span class=\"hljs-meta\">&lt;?<\/span>= $color <span class=\"hljs-meta\">?&gt;<\/span>&lt;\/span&gt;&lt;\/p&gt;\n    &lt;p&gt;&lt;a href=<span class=\"hljs-string\">\"index.php\"<\/span>&gt;Back to the form&lt;\/a&gt;&lt;\/p&gt;\n<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">else<\/span> : <span class=\"hljs-meta\">?&gt;<\/span>\n    &lt;p&gt;You did not select any color&lt;\/p&gt;\n<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">endif<\/span> <span class=\"hljs-meta\">?&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-7\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>To get the selected value of the <code>&lt;select&gt;<\/code> element, you use the <code>$_POST<\/code> superglobal variable if the form method is <code>POST<\/code> and <code>$_GET<\/code>  if the form method is <code>GET<\/code>.<\/p>\n\n\n\n<p>Alternatively, you can use the filter_input() function to sanitize the selected value.<\/p>\n\n\n\n<p>If you select the first option of the <code>&lt;select&gt;<\/code> element, the selected value will be empty. Otherwise, the selected value is red, green, or blue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id='select-with-multiple-options'>Select with multiple options <a href=\"#select-with-multiple-options\" class=\"anchor\" id=\"select-with-multiple-options\" title=\"Anchor for Select with multiple options\">#<\/a><\/h2>\n\n\n\n<p>To enable multiple selections, you add the <code>multiple<\/code> attribute to the <code>&lt;select&gt;<\/code> element:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-8\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;select name=<span class=\"hljs-string\">\"colors&#91;]\"<\/span> id=<span class=\"hljs-string\">\"colors\"<\/span> multiple&gt;\n...\n&lt;\/select&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-8\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>When you select multiple options of a <code>&lt;select&gt;<\/code> 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 (<code>[])<\/code> after the name of <code>&lt;select&gt;<\/code> element. <\/p>\n\n\n\n<p>Let&#8217;s take a look at an example of using a <code>&lt;select&gt;<\/code> element with <a href=\"https:\/\/phptutorial.net\/app\/select-multiple\" target=\"_blank\" rel=\"noreferrer noopener\">multiple selections<\/a>.<\/p>\n\n\n\n<p>First, create the following folders and files:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-9\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">.\n\u251c\u2500\u2500 css\n|  \u2514\u2500\u2500 style.css\n\u251c\u2500\u2500 inc\n|  \u251c\u2500\u2500 footer.php\n|  \u251c\u2500\u2500 get.php\n|  \u251c\u2500\u2500 header.php\n|  \u2514\u2500\u2500 post.php\n\u2514\u2500\u2500 index.php<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-9\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Second, place the following code into the header.php file:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-10\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;!DOCTYPE html&gt;\n&lt;html lang=<span class=\"hljs-string\">\"en\"<\/span>&gt;\n\n&lt;head&gt;\n    &lt;meta charset=<span class=\"hljs-string\">\"UTF-8\"<\/span> \/&gt;\n    &lt;meta name=<span class=\"hljs-string\">\"viewport\"<\/span> content=<span class=\"hljs-string\">\"width=device-width, initial-scale=1.0\"<\/span> \/&gt;\n    &lt;title&gt;PHP Listbox&lt;\/title&gt;\n    &lt;link rel=<span class=\"hljs-string\">\"stylesheet\"<\/span> href=<span class=\"hljs-string\">\"css\/style.css\"<\/span>&gt;\n&lt;\/head&gt;\n\n&lt;body <span class=\"hljs-class\"><span class=\"hljs-keyword\">class<\/span>=\"<span class=\"hljs-title\">center<\/span>\"&gt;\n    &lt;<span class=\"hljs-title\">main<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-10\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Third, add the following code to the footer.php file:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-11\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;\/main&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-11\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Fourth, include the <code>header.php<\/code> and <code>footer.php<\/code> files in the <code>index.php<\/code>:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-12\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-meta\">&lt;?php<\/span>\n\n<span class=\"hljs-keyword\">require<\/span> <span class=\"hljs-keyword\">__DIR__<\/span> . <span class=\"hljs-string\">'\/inc\/header.php'<\/span>;\n\n$request_method = strtoupper($_SERVER&#91;<span class=\"hljs-string\">'REQUEST_METHOD'<\/span>]);\n\n<span class=\"hljs-keyword\">if<\/span> ($request_method === <span class=\"hljs-string\">'GET'<\/span>) {\n\t<span class=\"hljs-keyword\">require<\/span> <span class=\"hljs-keyword\">__DIR__<\/span> . <span class=\"hljs-string\">'\/inc\/get.php'<\/span>;\n} <span class=\"hljs-keyword\">elseif<\/span> ($request_method === <span class=\"hljs-string\">'POST'<\/span>) {\n\t<span class=\"hljs-keyword\">require<\/span> <span class=\"hljs-keyword\">__DIR__<\/span> .  <span class=\"hljs-string\">'\/inc\/post.php'<\/span>;\n}\n\n<span class=\"hljs-keyword\">require<\/span> <span class=\"hljs-keyword\">__DIR__<\/span> . <span class=\"hljs-string\">'\/inc\/footer.php'<\/span>;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-12\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>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.<\/p>\n\n\n\n<p>Fifth, create a form that contains a <code>&lt;select&gt;<\/code> element with the <code>multiple<\/code> attribute in the <code>get.php<\/code> file. The name of the <code>&lt;select&gt;<\/code> element has an opening and closing square bracket <code>[]<\/code> so that PHP can create an array that holds the select values.<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-13\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">&lt;form action=<span class=\"hljs-string\">\"&lt;?php echo htmlspecialchars($_SERVER&#91;'PHP_SELF']) ?&gt;\"<\/span> method=<span class=\"hljs-string\">\"post\"<\/span>&gt;\n    &lt;div&gt;\n        &lt;label <span class=\"hljs-keyword\">for<\/span>=<span class=\"hljs-string\">\"colors\"<\/span>&gt;Background Color:&lt;\/label&gt;\n        &lt;select name=<span class=\"hljs-string\">\"colors&#91;]\"<\/span> id=<span class=\"hljs-string\">\"colors\"<\/span> multiple&gt;\n            &lt;option value=<span class=\"hljs-string\">\"red\"<\/span>&gt;Red&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"green\"<\/span>&gt;Green&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"blue\"<\/span>&gt;Blue&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"purple\"<\/span>&gt;Purple&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"magenta\"<\/span>&gt;Magenta&lt;\/option&gt;\n            &lt;option value=<span class=\"hljs-string\">\"cyan\"<\/span>&gt;Cyan&lt;\/option&gt;\n        &lt;\/select&gt;\n    &lt;\/div&gt;\n    &lt;div&gt;\n        &lt;button type=<span class=\"hljs-string\">\"submit\"<\/span>&gt;Submit&lt;\/button&gt;\n    &lt;\/div&gt;\n&lt;\/form&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-13\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Finally, handle the form submission in the <code>post.php<\/code> file:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-14\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-meta\">&lt;?php<\/span>\n\n<span class=\"hljs-keyword\">if<\/span> (filter_has_var(INPUT_POST, <span class=\"hljs-string\">'colors'<\/span>)) {\n\t\n\t$selected_colors = array_map(<span class=\"hljs-string\">'htmlspecialchars'<\/span>, $_POST&#91;<span class=\"hljs-string\">'colors'<\/span>]);\n} <span class=\"hljs-keyword\">else<\/span> {\n\t$selected_colors = <span class=\"hljs-keyword\">null<\/span>;\n}\n\n<span class=\"hljs-meta\">?&gt;<\/span>\n\n<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">if<\/span> ($selected_colors) : <span class=\"hljs-meta\">?&gt;<\/span>\n\t&lt;p&gt;You selected the following colors:&lt;\/p&gt;\n\t&lt;ul&gt;\n\t\t<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">foreach<\/span> ($selected_colors <span class=\"hljs-keyword\">as<\/span> $color) : <span class=\"hljs-meta\">?&gt;<\/span>\n\t\t\t&lt;li style=<span class=\"hljs-string\">\"color:&lt;?= $color ?&gt;\"<\/span>&gt;<span class=\"hljs-meta\">&lt;?<\/span>= $color <span class=\"hljs-meta\">?&gt;<\/span>&lt;\/li&gt;\n\t\t<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">endforeach<\/span> <span class=\"hljs-meta\">?&gt;<\/span>\n\t&lt;\/ul&gt;\n\t&lt;p&gt;\n\n\t&lt;\/p&gt;\n\n<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">else<\/span> : <span class=\"hljs-meta\">?&gt;<\/span>\n\t&lt;p&gt;You did not select any color.&lt;\/p&gt;\n<span class=\"hljs-meta\">&lt;?php<\/span> <span class=\"hljs-keyword\">endif<\/span> <span class=\"hljs-meta\">?&gt;<\/span>\n&lt;a href=<span class=\"hljs-string\">\"index.php\"<\/span>&gt;Back to the form&lt;\/a&gt;<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-14\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>The post.php file uses the <code>filter_has_var()<\/code> function to check if the colors variable exists in the POST request. If you select one or more colors, the post.php file will display them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id='summary'>Summary <a href=\"#summary\" class=\"anchor\" id=\"summary\" title=\"Anchor for Summary\">#<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the <code>&lt;select&gt;<\/code> element to create a dropdown list. <\/li>\n\n\n\n<li>Use the <code>multiple<\/code> attribute to create a list that allows multiple selections.<\/li>\n\n\n\n<li>Use <code>$_POST<\/code> to get the selected value of the select element if the form method is <code>POST<\/code> (or <code>$_GET<\/code> if the form method is <code>GET<\/code>).<\/li>\n\n\n\n<li>Add square brackets(<code>[]<\/code>) after the name of the <code>&lt;select&gt;<\/code> element to get multiple selected values.<\/li>\n<\/ul>\n<div class=\"helpful-block-content\" data-title=\"\">\n\t<header>\n\t\t<div class=\"wth-question\">Did you find this tutorial useful?<\/div>\n\t\t<div class=\"wth-thumbs\">\n\t\t\t<button\n\t\t\t\tdata-post=\"937\"\n\t\t\t\tdata-post-url=\"https:\/\/www.phptutorial.net\/php-tutorial\/php-select-option\/\"\n\t\t\t\tdata-post-title=\"PHP Select Option\"\n\t\t\t\tdata-response=\"1\"\n\t\t\t\tclass=\"wth-btn-rounded wth-yes-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\tclass=\"feather feather-thumbs-up block w-full h-full\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> Yes <\/span>\n\t\t\t<\/button>\n\n\t\t\t<button\n\t\t\t\tdata-response=\"0\"\n\t\t\t\tdata-post=\"937\"\n\t\t\t\tdata-post-url=\"https:\/\/www.phptutorial.net\/php-tutorial\/php-select-option\/\"\n\t\t\t\tdata-post-title=\"PHP Select Option\"\n\t\t\t\tclass=\"wth-btn-rounded wth-no-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> No <\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t<\/header>\n\n\t<div class=\"wth-form hidden\">\n\t\t<div class=\"wth-form-wrapper\">\n\t\t\t<div class=\"wth-title\"><\/div>\n\t\t\t\n\t\t\t<textarea class=\"wth-message\"><\/textarea>\n\n\t\t\t<button class=\"btn btn-primary wth-btn-submit\">Send<\/button>\n\t\t\t<button class=\"btn wth-btn-cancel\">Cancel<\/button>\n\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, you will learn how to use the <select> element to create a drop-down list and a list box and how to get the selected values from the <select> element in PHP.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":90,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-937","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/pages\/937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/comments?post=937"}],"version-history":[{"count":5,"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/pages\/937\/revisions"}],"predecessor-version":[{"id":3288,"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/pages\/937\/revisions\/3288"}],"up":[{"embeddable":true,"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/www.phptutorial.net\/wp-json\/wp\/v2\/media?parent=937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}