Я хочу добавить более 255 изображений в раскрывающееся меню, я сделал это, но оно не показывает изображение, если кто-то мне поможет, я ценю это.
<table>
<tr>
<td>Modificar Porcentaje de dificultad:</td>
<td>
<select name="percent">
<option value="100">
<a class="back" href="images/anillo.png"></a>
</option>
<option value="100">
<a class="back" href="images/utileria.png"></a>
</option>
<option value="100">
<a class="back" href="images/joyeria.jpg"></a>
</option>
</td>
</tr>
</table>
Как я помещал вас (и они помещали вас) в другие комментарии и ответы, чтобы делать то, что вы хотите, вам нужно будет изменить свой HTML или использовать какой-либо плагин JavaScript/jQuery. У вас уже есть решение с JavaScript, я дам вам альтернативу, использующую только HTML и CSS, без кода JavaScript.
Идея состоит в том, чтобы иметь ряд переключателей и меток (которые будут активировать/деактивировать эти кнопки). И если вы хотите разрешить множественный выбор, вы можете использовать флажки вместо радио.
Вот пример того, как это можно сделать:
На основе ответа stack overflow на английском языке:
Это никогда не сработает, так как вы доставляете
href
изображение на лейбл<a>
, вы должны отдавать<option>
изображение, попробуйте это:В ответе, на который я ссылался, они также объясняют, как добиться этого на уровне
css
, однако я сомневаюсь, что это поможет вам, поскольку у вас есть более 255 изображений, которые они хотят перечислить в селекторе.ВЕРСИЯ
Как прокомментировал @blonfu, не во всех браузерах это действие можно выполнить так просто, лучше всего создавать и занимать другие элементы html, чтобы получить ожидаемый результат, этот код может помочь вам начать, очевидно, изменив css!