Вход внутри div не кликабелен - PullRequest
Новая
       18

Вход внутри div не кликабелен

0 голосов
/ 29 мая 2019

Я не могу сделать эти входы кликабельными

Каждый элемент должен быть интерактивным и передавать входное значение "id" для формирования маршрута действия 

<form action="/rodada/">
 {{#musicas.1}}
 {{#.}}
 <div class="opcao">
  {{titulo}} - {{artista}}
  <input id="opcao" class="shh" type="submit" name="musicaAtual" value=" 
  {{idTrackDeezer}}">
 </div>
 {{/.}}
 {{/musicas.1}}
</form>

CSS: 

#wp-respostas{
    margin-top: 8%;
}
.opcao{
    background-color: #fba69d;
    text-align: left;
    border: 1px solid salmon;
    border-radius: 5px;
    padding: 4px 0px 4px 4px; 
    margin-bottom: 5px;
}

.shh{
    display: none !important;
}

ФИНАЛЬНЫЙ РЕЗУЛЬТАТ (не кликабелен)

enter image description here

Рабочий код (спасибо, Дэн Освальт): 

{{#musicas.1}}
{{#.}}
<div class="opcao" onclick="window.open('/rodada/?id={{idTrackDeezer}}', '_self');">
{{titulo}} - {{artista}}
</div>
{{/.}}
{{/musicas.1}}

1 Ответ

1 голос
/ 29 мая 2019

Если запрос GET в порядке, попробуйте присоединить

onclick="window.location = '/rodada/?id={{idTrackDeezer}}'";

или

onclick="window.open('/rodada/?id={{idTrackDeezer}}')";

к div вместо попытки использоватьформа.

В противном случае для POST вам придется использовать AJAX или сделать обходной путь, чтобы создать форму и передать значение.

...