Question

当我点击列表中的元素时，该元素会在选择框中显示为选定的选项

我只需要使用原生选择框，更不用说列表中的元素出现在选择下拉列表中

但问题是，当select count(last_updated), month(last_updated) from TABLENAME group by month(last_updated)标记中有value属性时，我会工作。我想通过单击按钮

来更改选择框中的文本和值

代码：

<option>

jquery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <button class="quick">QuickLink</button>
 <div class="list">
<ul class="apps">
    <li>CAPM</li>
    <li>GCS</li>
    <li>GRS</li>
</ul>
</div>
<select class="xyz">
    <option value=1>CAPM</option>
    <option value=2>GRS</option>
    <option value=3>BDS</option>
    <option value=4>CCAS</option>
    <option value=5>WEDAT</option>
    <option value=6>GCS</option>
</select>

小提琴链接 - ＆gt; https://jsfiddle.net/2jqfpjLk/1/

这是最后的工作小提琴

https://jsfiddle.net/aoxrLyet/3/

Answer 1

您需要按文字设置选项，因为li text是选项的文本而不是其值：

$('.apps li').click(function () {
    litext = $(this).text();
    $('.xyz option').filter(function () { 
              return $(this).html() == litext;
    }).attr('selected', true);
});

<强> Working Demo

使用jquery在选择框中填充值和文本

1 个答案: