# CMS Tutorial tag select element problem

**URL:** <https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983>\
**Category:** Uncategorized\
**Created:** [April 24, 2019, 7:45pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983 "2019-04-24T19:45:51Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![peredur](https://avatars.discourse-cdn.com/v4/letter/p/dec6dc/32.png) [@peredur](https://discourse.cakephp.org/u/peredur)\
**Post date:** [April 24, 2019, 7:45pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983/1 "2019-04-24T19:45:51Z")

</div>

The tutorial gives instructions to add the following to the add article and edit article pages:

`echo $this->Form->control('tags._ids', ['options' => $tags]);`

This should display a select element to choose the tags to associate with an article. The HTML added to the page is:

```
<select name="tags[_ids][]" multiple="multiple" id="tags-ids">
<option value="1">first tag</option>
<option value="2">second tag</option>
<option value="3">third tag</option>
</select>

```

However this is just displaying as a non-editable text box for me.

 ![cakephptutorial](https://canada1.discourse-cdn.com/flex029/uploads/cakephp/original/2X/8/869d865b4ad842f52eee8a8d04c8e2116cb1360f.png)

Firefox Quantum 66.0.3 on Ubuntu 19.04

It’s the same in Chromium version 73.0.3683.103 (Build oficial) snap (64 bits)

Peter

---

<div class="post-metadata">

**Author:** ![Zuluru](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/zuluru/32/1230_2.png) [@Zuluru](https://discourse.cakephp.org/u/Zuluru)\
**Post date:** [April 24, 2019, 11:41pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983/2 "2019-04-24T23:41:48Z")

</div>

It should be a list that you can click multiple items from if you hold down Ctrl.

---

<div class="post-metadata">

**Author:** ![peredur](https://avatars.discourse-cdn.com/v4/letter/p/dec6dc/32.png) [@peredur](https://discourse.cakephp.org/u/peredur)\
**Post date:** [April 26, 2019, 7:48pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983/3 "2019-04-26T19:48:57Z")

</div>

Thanks. I have a different problem at the moment. I’ll check out what you say when I’ve sorted that - but I’m sure you’re right. Thanks.

---

<div class="post-metadata">

**Author:** ![peredur](https://avatars.discourse-cdn.com/v4/letter/p/dec6dc/32.png) [@peredur](https://discourse.cakephp.org/u/peredur)\
**Post date:** [April 26, 2019, 9:37pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983/4 "2019-04-26T21:37:13Z")

</div>

Yes. Thanks. Of course. Perhaps not the most explicit of UI presentations, but I should have been able to work it out myself.

Again, thanks for taking the time to put me straight.

---

<div class="post-metadata">

**Author:** ![Zuluru](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/zuluru/32/1230_2.png) [@Zuluru](https://discourse.cakephp.org/u/Zuluru)\
**Post date:** [April 26, 2019, 9:54pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983/5 "2019-04-26T21:54:00Z")

</div>

It’s not particularly user-friendly, but that’s the standard HTML presentation. You might look at [https://github.com/ryancramerdesign/jquery-asmSelect](https://github.com/ryancramerdesign/jquery-asmSelect) and similar JavaScript libraries to improve on the user experience.

---

<div class="post-metadata">

**Author:** ![peredur](https://avatars.discourse-cdn.com/v4/letter/p/dec6dc/32.png) [@peredur](https://discourse.cakephp.org/u/peredur)\
**Post date:** [April 26, 2019, 10:17pm UTC](https://discourse.cakephp.org/t/cms-tutorial-tag-select-element-problem/5983/6 "2019-04-26T22:17:51Z")

</div>

Yes. I’m sure I’ll get to that in due course. Baby steps, and all that 😄