create datalist form element (#516)

Author: joseraul

src/FormBuilder.php

@@ -1012,6 +1012,50 @@ public function button($value = null, $options = [])
         return $this->toHtmlString('<button' . $this->html->attributes($options) . '>' . $value . '</button>');
     }
 
+    /**
+     * Create a datalist box field.
+     *
+     * @param  string $id
+     * @param  array  $list
+     *
+     * @return \Illuminate\Support\HtmlString
+     */
+    public function datalist($id, $list = [])
+    {
+        $this->type = 'datalist';
+
+        $attributes['id'] = $id;
+
+        $html = [];
+
+        if ($this->isAssociativeArray($list)) {
+            foreach ($list as $value => $display) {
+                $html[] = $this->option($display, $value, null, []);
+            }
+        } else {
+            foreach ($list as $value) {
+                $html[] = $this->option($value, $value, null, []);
+            }
+        }
+
+        $attributes = $this->html->attributes($attributes);
+
+        $list = implode('', $html);
+
+        return $this->toHtmlString("<datalist{$attributes}>{$list}</datalist>");
+    }
+
+    /**
+     * Determine if an array is associative.
+     *
+     * @param  array $array
+     * @return bool
+     */
+    protected function isAssociativeArray($array)
+    {
+        return (array_values($array) !== $array);
+    }
+
     /**
      * Parse the form action method.
      *

tests/FormBuilderTest.php

@@ -714,6 +714,24 @@ public function testFormColor()
         $this->assertEquals('<input class="span2" name="foo" type="color">', $form3);
     }
 
+    public function testDatalist()
+    {
+        // Associative array with string keys.
+        $genders = ['M' => 'Male', 'F' => 'Female'];
+        $datalist = $this->formBuilder->datalist('genders', $genders);
+        $this->assertEquals('<datalist id="genders"><option value="M">Male</option><option value="F">Female</option></datalist>', $datalist);
+
+        // Associative array with numeric Keys
+        $genders = [5 => 'Male', 6 => 'Female'];
+        $datalist = $this->formBuilder->datalist('genders', $genders);
+        $this->assertEquals('<datalist id="genders"><option value="5">Male</option><option value="6">Female</option></datalist>', $datalist);
+
+        // Not associative array.
+        $genders = ['Male', 'Female'];
+        $datalist = $this->formBuilder->datalist('genders', $genders);
+        $this->assertEquals('<datalist id="genders"><option value="Male">Male</option><option value="Female">Female</option></datalist>', $datalist);
+    }
+
     public function testBooleanAttributes()
     {
         $input = $this->formBuilder->text('test', null, ['disabled']);