asp.net下拉框(select)的基本操作

1、获取单个select框的选中值。
   js方法获取:
    获取value值var value = document.getElementById("select_ID").value;
    获取text值:var selectObj= document.getElementById("select_ID");
                  var text=selectObj[selectObj.selectedIndex].innerHTML;
   jquery方法获取:
    获取value值:$("#select_ID").val();
    获取text值:$("#select_ID").find("option:selected").text();

2、获取所有select框的选中值
      var selectList = document.getElementsByTagName("select_Name");
    for (var i = 0; i < selectList.length; i++) {
              alert(selectList[i].value);//获取value值
       alert($(selectList[i]).find("option:selected").text());//获取text值

       }
3、为select框添加下拉项
  js方法:
   var selectObj= document.getElementById("select_ID");
   var opp = new Option(text, value);
   selectObj.add(opp);
  jquery方法:
   $("#select_ID").append("<option value='Value'>Text</option>");  //添加一项option
   
$("#select_ID").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
4、移除select框下拉项
  
批量删除:
   var selectObj = document.getElementById("select_ID");
         var optionItems = selectObj.options;
   for (var i = optionItems.length-1; i >=0 ; i--) {
                $(optionItems[i]).remove();
        }
  单个删除:    
    $("#select_ID option:last").remove(); //删除索引值最大的Option
    $("#select_ID option[index='0']").remove();//删除索引值为0的Option
    $("#select_ID option[value='3']").remove(); //删除值为3的Option
    $("#select_ID option[text='4']").remove(); //删除text值为4的Option
5、设置select的值
  设置select 选中的value:
    $("#select_ID").attr("value","Normal“);
    $("#select_ID").val("Normal");
    $("#select_ID").get(0).value = value;
    document.
  设置select 选中的text:
    var count=$("#select_ID option").length;//select下拉框的option条数
    for(var i=0;i<count;i++)  {          
      if($("#select_ID").get(0).options[i].text == “text”)         
      {             
        $("#select_ID").get(0).options[i].selected = true;                       
        break;         
      }     
    }
  设置select 选中的索引:
       $("#select_ID").get(0).selectedIndex=index;//index为索引值

 

 

转载于:https://www.cnblogs.com/zizaisuixin/archive/2012/07/20/2601471.html

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 我可以给你一个简单的示例:<asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem>选项 1</asp:ListItem> <asp:ListItem>选项 2</asp:ListItem> <asp:ListItem>选项 3</asp:ListItem> </asp:DropDownList> ### 回答2: 在ASP.NET中编写一个下框可以通过以下步骤完成: 1. 创建一个ASP.NET页面或用户控件。 2. 在页面或用户控件中添加一个 `<select>` 标签,用于包裹下框选项。 3. 在 `<select>` 标签内部,添加 `<option>` 标签作为下框的选项。可以使用循环语句或手动添加每个选项。 4. 为每个 `<option>` 标签添加 `value` 属性,用于设置选项的值。这将在后续处理中使用。 5. 当需要设置默认选项时,为特定的 `<option>` 标签添加 `selected` 属性。 6. 如果需要在用户选择选项时执行后续操作,可以使用JavaScript或定义服务器端事件处理程序。 7. (可选)添加必要的样式或CSS类,以便自定义下框的外观。 示例代码如下: ```html <select> <option value="option1">选项1</option> <option value="option2" selected>选项2</option> <option value="option3">选项3</option> </select> ``` 以上代码将创建一个包含三个选项的下框,其中“选项2”将作为默认选项显示。 你可以根据自己的实际需求和具体环境进行进一步定制和扩展。 ### 回答3: 在ASP.NET中,我们可以使用<asp:DropDownList>控件创建一个下框。 首先,在ASP.NET页面的代码部分,添加以下代码: ```html <asp:DropDownList ID="ddlFruits" runat="server"> <asp:ListItem Text="苹果" Value="apple"></asp:ListItem> <asp:ListItem Text="香蕉" Value="banana"></asp:ListItem> <asp:ListItem Text="橙子" Value="orange"></asp:ListItem> <asp:ListItem Text="草莓" Value="strawberry"></asp:ListItem> </asp:DropDownList> ``` 上述代码创建了一个id为"ddlFruits"的<asp:DropDownList>控件,并添加了四个<asp:ListItem>作为下选项,每个选项都有对应的文本和值。 接下来,我们可以在服务器端的代码中访问和处理这个下框。在代码中,我们可以使用ddlFruits.SelectedItem属性来获取当前选择的项,以及使用ddlFruits.SelectedValue属性来获取当前选择项的值。 例如,在按钮的点击事件中,我们可以使用以下代码获取当前选择项的值并进行处理: ```csharp protected void btnSubmit_Click(object sender, EventArgs e) { string selectedValue = ddlFruits.SelectedValue; // 处理选中项的值 } ``` 上述代码展示了如何在按钮的点击事件中获取当前选中项的值。你可以根据实际需求来处理获取到的值。 最后,当ASP.NET页面被呈现时,下框将显示在浏览器中,并且用户可以选择其中的选项。 希望这个回答对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值