Add example of doing drop down input to the documentation

[keithn]

Just playing with dropdowns. I'm just not sure how to bind the selection to the form? ie, I can change the selection, but the form doesn't know.

<template name="ddInput">
    <select class="reactive-element">
        {{#each values}}
        <option value="{{name}}">{{name}}</option>
        {{/each}}
    </select>
    <div>{{errorMessage}}</div>
</template>

{{> ddInput field='type' values=types}}

just a collection with {name:'something'}

 types: function() {
    return Values.find();
  }

and the Schema

type: {
        type: String,
        max: 5,
        instructions: "Select Type"
      }

[jonjamz]

I have a really cool drop-down (and some other crazier elements) that I'll add to the docs update in their own section. The key here is to specify a validationValue method to get the selected item from the DOM. And if you want to use the schema to set the available options, you can use {{schema.allowedValues}} instead of {{values}}.

[jonjamz]

Also check out #48, might be helpful.

[jbaack]

Like others, I am having issues with dropdowns - in my case a multi-select. Everything is working fine except I can't pull out the data. In
validationValue: function (el, clean, template) , el is an empty array when it is called on initial render. Not sure why. Also, I have tried a few different validation event types for this, including 'change', but none trigger validationValue when values are selected in the list.

It would be great to have the examples added to the documentation. Thanks for a great library.

[steph643]

I have no problem on my side. I use the 'change' event. Did you add the 'reactive-element' class to your 'select' tag?

[jbaack]

Thanks - yes, that was it. The other elements I added were OK - but missed it on that one and had been staring at it too long. Working as expected now - appreciate the help.