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类用于其他段落，选择器可能需要更精确。

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

我不确定您为何在所选选项上使用已禁用属性。您可能还希望在更改选择列表的值时更改该属性。

jquery获取按钮值并选择具有此值的选项（Smarty）

1 个答案: