How to dynamically update select value?
<p>Can anyone please help me how to accomplish following?</p>

<p>I have a dropdown field, which have flowers name.The default value is "Select your favorite flower". On tap or click, the dropdown opens and shows the list of options and when user selects a particular value, the field shows the selected flower name.</p>

<p>I need to append Favorite Flower: then the selected value. Can you guys please help me in how to accomplish this?</p>

<p>Please see the image:</p>

<p><a href="http://i.stack.imgur.com/4PQ0y.png" rel="nofollow">All three states of dropdown</a></p>

<p><a href="http://i.stack.imgur.com/qdbwu.png" rel="nofollow">HTML Code</a></p>

<pre><code>&lt;select&gt; 
  &lt;list&gt; Select your favorite flower&lt;/list&gt; 
  &lt;list&gt;Rose&lt;/Rose&gt; &lt;list&gt;Marigold &lt;/list&gt;
  &lt;list&gt;Lily&lt;/lily&gt; 
&lt;/select&gt;
</code></pre>