我正在使用 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);
}
但这会删除所有其他选定的字段。
如有任何想法,我们将不胜感激。
最佳答案
尝试使用 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>
关于javascript - 从外部表单添加选定的 ="selected"的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35233832/