Как я могу показать изображения для выбора в html-форме?

Я хочу показать что-то вроде опции выбора, но с изображениями вместо текста. Это возможно? Я получаю изображения src по php. После того, как вы выберете изображение, я хочу использовать его src для отправки моей формы.


php html selectlist
person Mikelon85    schedule 25.03.2014    source источник
comment
Пожалуйста, не помечайте спам. Пример: если вы ищете решение jQuery, укажите на него свой вопрос (и покажите попытку кода) ... не используйте просто jquery сам по себе.   -  person Sparky    schedule 25.03.2014

Ответы (2)


arrow_upward
2
arrow_downward

Надеюсь это поможет...

<select name="selectBox1">
  <option value="img1.png" style="background-image:url(img1.png);">male</option>
  <option value="img2.png" style="background-image:url(img2.png);">female</option>
  <option value="img2.png" style="background-image:url(img3.png);">others</option>
</select>

При отправке формы вы получите выбранное значение внутри $_POST["selectBox1"] переменной post.

Спасибо.

person C M    schedule 25.03.2014

arrow_upward
0
arrow_downward

Ты можешь использовать

background-image:url(url here)
person Amit Joki    schedule 25.03.2014
comment
спасибо, но это решение работает только на firefox. И я хотел бы показать полное изображение. - person Mikelon85; 25.03.2014