div内的输入不可点击

Question

我无法使这些输入可点击

每个项目都必须是可点击的，并传递输入值“ 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;
}

最终结果（不可点击）

工作代码（感谢Dan Oswalt）

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

Answer 1

如果GET请求正常，请尝试附加

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

或

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

而不是尝试使用表单。

否则，对于POST，您将必须使用AJAX或执行一些解决方法来创建表单并提交值。