javascript - 从外部表单添加选定的 ="selected"的按钮

Question

我正在使用 laravel，并尝试集成一些我不太擅长的 jquery。

我有一个多选框，其中可能有很多选项，基于数据库值。

<div class="toolselect">
<select multiple>
<option value="1">Tool 1</option>
<option value="2">Tool 2</option>
<option value="3">Tool 3</option>
</select>
</div>

用户可以直接从选择框选择工具，但这可能是一个巨大的列表，因此我还在选择框下方显示了一个搜索字段以搜索工具数据库，以便用户可以查看有关该工具的更多信息，然后决定是否要包含它。

目前用户必须先搜索，然后在选择框中找到条目并选择它。

我想要一个更快的解决方案，在工具信息旁边有一个按钮，它会自动将 selected="selected"添加到上方选择框中的正确选项。

我试过了

<input type="button" value="Mer" onclick="addselect('{{$tool->id}}')"/>

<script type="text/javascript">
addselect = function (id){
$("div.toolselect select").val(id);
}

但这会删除所有其他选定的字段。

如有任何想法，我们将不胜感激。

Answer 1

尝试使用 jQuery 的 prop 函数:

<input type="button" value="Mer" onclick="addselect('{{$tool->id}}')"/> 


<script type="text/javascript"> 
    addselect = function (id){ 
        $('.toolselect select option[value="'+ id +'"]').prop('selected'); 
    }
</script>