保存后如何显示所选选项
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了保存后如何显示所选选项相关的知识，希望对你有一定的参考价值。
我的编辑页面上有一个下拉列表，用户将在其中通过选择一个值来更新状态，单击保存，然后在数据库中更新新值。但问题是，当我查看它时，下拉列表不会更改。
示例：在数据库中显示“已批准”，但是下拉列表中显示的值为“待处理”（请参见下图）
有人可以帮我显示用户选择的选项，谢谢！
前端
<select class="form-control" id="LV_STATUS" name="LV_STATUS">
<option>Pending</option>
<option>Approved</option>
<option>Denied</option>
</select>
后端
if (ModelState.IsValid)
{
eMP_LEAVES.LV_STATUS = Request.Form["LV_STATUS"].ToString();
db.Entry(eMP_LEAVES).State = EntityState.Modified;
db.SaveChanges();
}
答案
问题是，您必须设置一个循环，就像我在下面所做的那样，查找数据库状态，这是一个接受数据库值的函数，它将在select标记中循环。
我希望这是有道理的，并且您明白了
谢谢：)
var LV_STATUS = document.getElementById('LV_STATUS')
function indexx(database_Value){
for(let i=0 ; i<LV_STATUS.options.length ; i++)
{
if(database_Value === LV_STATUS.options[i].text)
{
LV_STATUS.options[i].selected = true
return
}
}
}
indexx("Pending") // pass database value here<select class="form-control" id="LV_STATUS" name="LV_STATUS">
<option>Pending</option>
<option>Approved</option>
<option>Denied</option>
</select>另一答案
您可以使用selected属性如下显示用户选择的选项
<select class="form-control" id="LV_STATUS" name="LV_STATUS">
<option (LV_STATUS=='Pending' ? 'selected="selected"' : '')>Pending</option>
<option (LV_STATUS=='Approved' ? 'selected="selected"')>Approved</option>
<option (LV_STATUS=='Denied' ? 'selected="selected"')>Denied</option>
</select>
记住：用包含存储在DB中的状态值的变量替换LV_STATUS
以上是关于保存后如何显示所选选项的主要内容，如果未能解决你的问题，请参考以下文章