php - jquery 获取按钮值并使用此值选择选项 (Smarty)

Question

我的 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 让它变得棘手。我该怎么做？

Answer 1

您可以在 body 结束之前添加此脚本:

<script>
    $('p.btn').click(function () {
        $('#id_order_state').val($(this).attr('value'));
    });
</script>

根据您是否也对其他段落使用 btn css 类，选择器可能需要更精确。

但它会检测到段落上的点击，获取 value 属性并将其分配给选择控件。

我不确定您为什么在所选选项上使用了disabled 属性。您可能还想在选择列表的值更改时更改该属性。