select选中的值刷新页面后保持原来的选项

Posted 2023-04-30

<select id="s1" runat="server" name="s1" ><option>省份</option></select>
<select id="s2" runat="server" name="s2"><option>地级市</option></select>
<select id="s3" runat="server" name="s3"><option>市、县级市、县</option></select>
这3个下拉选项。在a.aspx页面中。现在选中其中的项后点击按钮提交的数据库，但是重新加载的时候就恢复成默认的了。现在我用session保存了3个选项。我在page_load里这样写了也没反应,还是默认值。
if (IsPostBack
== true)


else

if (Session["sheng"] != null && Session["shi"] != null && Session["xian"] != null)

s1.value = Session["sheng"].ToString();
s2.value = Session["shi"].ToString();
s3.value = Session["xian"].ToString();

else

s1.Value = Request.Form["s1"];
s2.Value = Request.Form["s2"];
s3.Value = Request.Form["s3"];

参考技术A 没必要用session , 页面加载 if(!isPostBack)这里直接在数据库读数据 给下拉赋值本回答被提问者采纳

刷新后保持复选框处于选中状态

【中文标题】刷新后保持复选框处于选中状态

【英文标题】：keep the checkbox checked after refresh

【发布时间】：2021-04-30 04:17:39

【问题描述】：

我想保留我在刷新页面或移动到另一个页面时选中的复选框列表。

这是我的 component.ts ：

 isValidForm = false;
 public selectedActivityType: any[] = [];
 public assignmentFor: any = [name :"Cause", id : "t1", name: "Resulted damage", id:"t2", name: "Emergency", id:"t3"]
 constructor()
 ngOnInit()
selectActivityFor(event:any, option:any)
 
  if ( event.target.checked )
   
     this.selectedActivityType.push(option.id);
   
 else
    this.selectedActivityType.splice(this.selectedActivityType.indexOf(option.id),1);
      
 if(this.selectedActivityType.length >0 && 
(this.selectedActivityType.indexOf(this.assignmentFor[1].id) !== -1 || 
this.selectedActivityType.indexOf(this.assignmentFor[0].id) !== -1 ) )
 
  this.isValidForm = true

else 
this.isValidForm = false;
 

这是我的 component.html ：

  <div *ngIf="assignmentFor.length !==0">
          <div class="container-fluid items-container" style="margin-top: 10px">
            <h5 class="mt-3" style="color : rgb(136,136,139); font-weight: bold">
              assignmentFor</h5>
            <div class="row">
              <div *ngFor="let option of assignmentFor; let i=index" class="animated cedfadeInUpX">
                <input type="checkbox" id="activityFor" (change)="selectActivityFor($event, option)" 
                 kendoCheckBox />
                <label class="k-checkbox-label"
                  style="padding-top:10px;margin-left:5px; padding-left:0;font-size: 14px; padding-right: 60px;">option.name</label>
              </div>
            </div>
          </div>
        </div>

【参考方案1】：

希望 this thread 对角度复选框有所帮助

checkedBoxes = ;
ngOnInit()
this.assignMentFor.forEach((assignment) => 
   this.checkboxes[assignment.id] = true     //to set checkbox to checked
  
 

在 HTML 中，你可以这样：

<input type="checkbox" id="activityFor" [checked]="this.checkboxes[option.id]" (change)="selectActivityFor($event, option)" 
             kendoCheckBox />