【问题标题】:how to set(assign) dropdownlist selected value & radiobutton selected value in jquery from a json data如何从 json 数据中在 jquery 中设置(分配)下拉列表选定值和单选按钮选定值
【发布时间】:2014-02-01 07:30:22
【问题描述】:
<asp:RadioButtonList ID="rblGender" runat="server" RepeatDirection="horizontal" Height="30px" Width="130px">
    <asp:ListItem Selected="True" Value="M">Male</asp:ListItem>
    <asp:ListItem Value="F">Female</asp:ListItem>
    </asp:RadioButtonList>    

<asp:DropDownList ID="ddlDepartment" runat="server" Height="20px" Width="100px"  >
    </asp:DropDownList>

基于选定的 id(Webservice 返回员工的详细信息,我需要在表单中显示)Id、Code、Name 运行良好

$.ajax({
      type: "POST",
      url: "EMService.asmx/GetEmployeeById",
      data: "{ 'Id':'" + id + "' }",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function (data) {
           var obj = data.d;
           $("#<%=txtId.ClientID%>").val(obj.Id);
           $("#<%=txtCode.ClientID%>").val(obj.Code);
           $("#<%=txtName.ClientID%>").val(obj.Name);
           $("#<%=rblGender.ClientID%>").valueOf(obj.Gender);
           $("#<%=ddlDepartment.ClientID%>").value(obj(Department.Id));
 },
                error: function (result) {
                    alert("Error");
                }
            })
            return false;
        }

【问题讨论】:

  • 顺便说一句,您错过了 ajax 成功函数的关闭 }。

标签: c# javascript jquery asp.net json


【解决方案1】:

这可能是发布时的一种类型,但您错过了 ajax 成功的 } 右括号。​​

尝试改变这个:

$("#<%=rblGender.ClientID%>").valueOf(obj.Gender);
$("#<%=ddlDepartment.ClientID%>").value(obj(Department.Id));

到这里:

$("#<%=rblGender.ClientID%>").val(obj.Gender);
$("#<%=ddlDepartment.ClientID%>").val(obj.Department.Id);

你使用了valueOf和.value(obj(Department.Id),而不是只使用.val(),这个.value(obj(Department.Id));应该是.value(obj.Department.Id);

【讨论】:

  • 不支持“值”
  • 在 jQuery 中我们必须使用 .val() 或者如果你想使用 .value 那么你的语法必须是这样的:$("#&lt;%=rblGender.ClientID%&gt;")[0].value=obj.Gender;
  • 顺便说一句,如果您可以发布您的 json 数据来查看它,那么我们可以建议您一个更好的答案。
猜你喜欢
  • 1970-01-01
  • 2012-06-09
  • 2019-10-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-12
  • 2013-05-18
相关资源
最近更新 更多