Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>not an answer to the specific question of select option cross browser issues, I think that's been answered already, but a solution to the problem of selecting the data and passing it back to the server would be to change your mark up to something which better suits multi selection</p> <p>if you use checkboxes instead, you can put them in a list and add enhanching js to select all and deselect all</p> <p><a href="http://jsfiddle.net/Ndkct/43/" rel="nofollow">http://jsfiddle.net/Ndkct/43/</a></p> <pre><code>&lt;dl&gt; &lt;dt&gt;Queen&lt;/dt&gt; &lt;dd&gt; &lt;ul&gt; &lt;li&gt; &lt;input id="Mercury" name="bandmembers" value="Mercury" type="checkbox" /&gt; &lt;label for="Mercury"&gt;Freddie&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;input id="May" name="bandmembers" value="May" type="checkbox" /&gt; &lt;label for="May"&gt;Brian&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;input id="Taylor" name="bandmembers" value="Taylor" type="checkbox" /&gt; &lt;label for="Taylor"&gt;Roger&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;input id="Deacon" name="bandmembers" value="Deacon" type="checkbox" /&gt; &lt;label for="Deacon"&gt;John&lt;/label&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/dd&gt; &lt;dt&gt;Pink Floyd&lt;/dt&gt; ... </code></pre> <p>The js is now simple enough</p> <pre><code>$("dt") .css("cursor","pointer") .click(function(){ var $el = $(this).next(); var $checks = $el.find(":checkbox"); if($checks.is(":not(:checked)")){ $checks.attr("checked",true); }else{ $checks.attr("checked",false); } }); </code></pre> <p>(this fiddle <a href="http://jsfiddle.net/Ndkct/44/" rel="nofollow">http://jsfiddle.net/Ndkct/44/</a> adds a parent checkbox to make it more usable)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload