zoukankan      html  css  js  c++  java
  • JQ替换标签与内容

    JQ:   
      $('#Status').replaceWith(function () { return $("<select ><option value='0'>未认证</option><option value='1'>待审核</option><option value='2'>已认证</option><option value='3'>未通过</option><select/>").append($(this).contents()); });
     Html辅助方法:
    @Html.TextBoxFor(model => model.Status, new { placeholder = "输入审核状态:0:未申请,1:已申请,2:通过,3:不通过", minlength = "1", maxlength = "100", required = "required" })
    辅助方法生成的Html:
    <input data-val="true" data-val-number="字段 Status 必须是一个数字。" data-val-required="Status 字段是必需的。" id="Status" maxlength="100" minlength="1" name="Status" placeholder="输入审核状态:0:未申请,1:已申请,2:通过,3:不通过" required="required" type="text" value="0">

    效果图:

    效果图Html代码:
    <select><option value="0">未认证</option><option value="1">待审核</option><option value="2">已认证</option><option value="3">未通过</option></select>

    var
    opStasus = $('#Status').val();//拿出原本的数据 $('#Status').replaceWith(function () { return $("<select ><option class='op' value='0'>未认证</option><option class='op' value='1'>待审核</option><option class='op' value='2'>已认证</option><option class='op' value='3'>未通过</option><select/>").append($(this).contents()); });//替换标签 $(".op").each(function () {//遍历查询对应的值 if ($(this).val() == opStasus) { $(this).attr("selected", "selected");//将对应的标签添加选中selected } })
  • 相关阅读:
    mysql导入导出数据过大命令
    thinkphp条件查询
    php表单提交安全方法
    ubuntu软件(查看文件差异)
    thinkphp if标签
    thinkphp导出报表
    jquery.easing.js下载地址
    水平手风琴切换效果插件亲自试过很好用
    li ie6/7 3px bug
    placeholder兼容IE6-9代码
  • 原文地址:https://www.cnblogs.com/SeNaiTes/p/8891255.html
Copyright © 2011-2022 走看看