Selecting an image...

[Gamerz]

Hello,

You know how the

<select name="name">
<option>TEXTHERE</option>

works right?

 

Okay..so instead of the TEXTHERE, I want to display an image for people to select, NOT a link. When clicked, the image will be selected and highlighted to show that it is selected.

 

I also want to lose the dropdown menu...so it will just be several images that I display without the dropdown menu. How would I do this?

[trq]

I would change the select drop down to a <ul> list containing <img>'s

[haku]

What Thorpe said.

 

Although you will have to either add some type of form input to indicate that the image has been selected. I would add a little checkbox beside each image. If you want to add some javascript overtop to make it fancy, then you can hide the checkboxes with javascript, and when an image is clicked on, have the javascript add the check to the hidden checkbox.

[Gamerz]

Haku, that is exactly what I need. How would I get started? Can you give me some code to start with?

[haku]

<form>
  <ul>
    <li>
      <img>
      <input type="checkbox">
    </li>
    <li>
      <img>
      <input type="checkbox">
    </li>
  </ul>
</form>