使用javascript在html中预先选择的选择选项答案

【问题标题】：pre-selected select option in html using javascript使用javascript在html中预先选择的选择选项
【发布时间】：2020-03-23 15:05:26
【问题描述】：

我想在中设置重新选择选项，我知道有一个函数可以使用 javascript 对单个元素执行此操作，但我将它用作数组，因此我需要在循环 su 中设置值，如下例所示：

<select name="days" value = "3">
    <option value="1">Sat</option>
    <option value="2">Sun</option>
    <option value="3">Mon</option>
    <option value="4">Tue</option>
    <option value="5">Wed</option>
    <option value="6">Thu</option>
    <option value="7">Fri</option>
</select>

我认为这个例子可以很好地使用 react，但是我可以在循环内的普通 html 和 javascript 中使用这样的代码吗？

如果你有一个数据库存储日期值，而不是使用 if else 函数，过滤选择标签上的日期以使选项被选为数据库中的值

基本上在 foreach 内部有一个选择选项标签，我需要使用数据库中的值设置 selected ，如下所示：

$('#dynamic_field').append('<select><option value="1">Sat</option><option value="2">Sun</option> ..... </select>

谢谢

【问题讨论】：

这能回答你的问题吗？ default select option as blank
不完全不是我需要的，如果你有一个数据库存储日期值，而不是使用 if else 函数过滤选择标签上的日期以使其成为数据库中的选择选项

标签： javascript html select option

【解决方案1】：

在循环结束时：

$('select[name^=day]',item.id).each(function(a,b){ $(b).val(item.day); });

这将检查每个值并将数据库中的值设置为在选择表单中选择的值

*注意：item.id 和 item.day 来自数据库

【讨论】：