Generally the React elements mirror dom objects rather than html tags and attributes.
For example, :multiple and :selected are booleans, not strings. Also, the select element has a value property you can set directly instead of messing with :selected. https://facebook.github.io/react/docs/forms.html#why-select-value Code should be more like: (defn duallist [] [:div.row [:div.col-md-7 [:select {:multiple true :value ["option2" "option3"] :size "10" :name "duallistbox_demo" :class "demo" :style {:display "none"}} [:option {:value "option1"} "Option 1"] [:option {:value "option2"} "Option 2"] [:option {:value "option3"} "Option 3"] [:option {:value "option5"} "Option 5"] ] ] ] ) On Monday, March 30, 2015 at 5:32:54 AM UTC-5, Bin Li wrote: > I created this reagent component: > > (defn duallist [] > [:div.row > [:div.col-md-7 > [:select {:multiple "multiple" > :size "10" > :name "duallistbox_demo" > :class "demo" > :style {:display "none"}} > [:option {:value "option1"} "Option 1"] > [:option {:value "option2" :selected "selected"} "Option 2"] > [:option {:value "option3" :selected "selected"} "Option 3"] > [:option {:value "option5"} "Option 5"] > ] > ] > ] > ) > > But it reader this html code: > > <select multiple="" size="10" name="duallistbox_demo2" class="demo2" > style="display: none;" data-reactid=".0.0.0"> > <option value="option1" data-reactid=".0.0.0.0">Option 1</option> > <option value="option2" selected="" data-reactid=".0.0.0.1">Option 2 > </option> > <option value="option3" selected="" data-reactid=".0.0.0.2">Option 3 > </option> > <option value="option5" data-reactid=".0.0.0.3">Option 5</option> > </select> > > > The attribute multiple="" and selected="" , their values are not as expected. > > Any ideas? > > Thanks in advance! -- Note that posts from new members are moderated - please be patient with your first post. --- You received this message because you are subscribed to the Google Groups "ClojureScript" group. To unsubscribe from this group and stop receiving emails from it, send an email to clojurescript+unsubscr...@googlegroups.com. To post to this group, send email to clojurescript@googlegroups.com. Visit this group at http://groups.google.com/group/clojurescript.
