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

【问题标题】：jquery get button value and select option with this value (Smarty)jquery 获取按钮值并选择具有此值的选项（Smarty）
【发布时间】：2015-12-11 15:03:21
【问题描述】：

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

【问题讨论】：

标签： php jquery smarty

【解决方案1】：

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

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

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

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

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

【讨论】：