我的tpl文件中有以下代码:
<select id="id_order_state" class="form-control" name="id_order_state">
{foreach from=$states item=state}
<option value="{$state['id_order_state']|intval}"{if isset($currentState) && $state['id_order_state'] == $currentState->id} selected="selected" disabled="disabled"{/if}>{$state['name']|escape}</option>
{/foreach}
</select>
我还有这个代码:
{foreach from=$states item=state}
<p value="{$state['id_order_state']|intval}" class="btn btn-default">{$state['name']|escape}</p>
{/foreach}
我想做的是,当我点击一个特定的p项目时,自动选择框下的选项,以获得点击的p项目的值,并成为选择框的选定选项。一般来说,我试图将选择选项更改为可点击按钮,我想通过jquery使其变得棘手。。我该怎么做?
您可以在body
:关闭之前添加此脚本
<script>
$('p.btn').click(function () {
$('#id_order_state').val($(this).attr('value'));
});
</script>
根据是否将btncss类也用于其他段落,选择器可能需要更精确。
但它检测到对段落的点击,获取值属性并将其分配给select控件。
我不确定您为什么在所选选项上使用禁用的属性。当选择列表的值发生更改时,您可能还需要更改该属性。