點擊編輯時,需將後台獲取的值設置到 <select> 下拉框。詢問控件屬性名稱。
| 控件類型 | 標記 | 服務端類型 | 設置選中值屬性/方法 |
|---|---|---|---|
| HTML 原生 | <select runat="server" id="sel"> | HtmlSelect | sel.Value = "目標值" |
| ASP.NET 服務端 | <asp:DropDownList ID="ddl" runat="server"> | DropDownList | ddl.SelectedValue = "目標值" |
| 純客戶端 | <select id="sel">(無 runat) | 無 | JS: document.getElementById('sel').value = '值' |
// Page_Load 或編輯事件中
if (!IsPostBack) {
// 綁定數據源
sel.DataSource = GetList();
sel.DataTextField = "Text";
sel.DataValueField = "Value";
sel.DataBind();
// 設置默認選中
sel.Value = "闵行"; // 直接匹配 Value
}
ddl.DataSource = GetList();
ddl.DataTextField = "Text";
ddl.DataValueField = "Value";
ddl.DataBind();
ddl.SelectedValue = "闵行"; // 或 ddl.Items.FindByValue("闵行").Selected = true;
// 後台暴露值
protected string DefaultValue = "闵行";
// 前台腳本(放在頁面底部或 $(function) 中)
<script>
$(function() {
$('#sel').val('<%=DefaultValue%>');
});
</script>
注意:select 的 option 必須已渲染完成(綁定後)再執行 JS。
int,前端傳 string,需統一 ToString()。SelectedValue 匹配區分大小寫。runat="server" 的 select → HtmlSelect.Value = "值"asp:DropDownList → DropDownList.SelectedValue = "值"$('#id').val('值')