select menu html value

Question

How can I add html value for select menu options:

<select name="symbol">
  <option>select</option>
  <option value="<img src="start.jpg"">start</option>
  <option value="<img src="end.jpg"">end</option>
</select>

I want post value to show an image.

I read this : How to add a images in select list but I want send image value.

Do you mean when someone selects an option from the SELECT then an image will appear/change somewhere on the page? — Billy Moat, Feb 07 '13 at 12:49

score 0 · Answer 1 · answered Feb 07 '13 at 12:45

0

Use single quotes instead of double qoutes inside value...

<select name="symbol">
  <option>select</option>
  <option value="<img src='b.jpg'>">start</option>
  <option value="<img src='a.jpg'>">end</option>
</select>

answered Feb 07 '13 at 12:45

Sherin Jose

2,457
3
17
38

what is reason of use : onchange="frm.submit();" ? – Feb 07 '13 at 12:49
its a js script that automatically submit your form when you change option in the select list... – Sherin Jose Feb 07 '13 at 12:51
Using obtrusive event handlers is very bad practice. – BenM Feb 07 '13 at 12:53

score 0 · Accepted Answer · answered Feb 07 '13 at 12:47

If you're handling the post with PHP or some similar server-side code, you should pass through only the reference to the image. Any tags can be output using the server-side code. For example:

<select name="symbol">
    <option>select</option>
    <option value="start.jpg">start</option>
    <option value="end.jpg">end</option>
</select>

And then handle this by doing something like:

echo '<img src="'.$_POST['symbol'].'" />';

score 0 · Answer 3 · answered Feb 07 '13 at 12:47

0

You have to use single quote and close tag. Try this,

<select name="symbol">
          <option>select</option>
          <option value="<img src='start.jpg'>">start</option>
          <option value="<img src='end.jpg'>">end</option>
</select>

answered Feb 07 '13 at 12:47

Edwin Alex

5,048
4
27
49

select menu html value

3 Answers3