Web前端
关注
分享
扫一扫
Paul_Wen……
这个作者很懒，什么都没留下…
展开
-
xm-select 下拉框分组单选事件
xm-select 下拉框分组单选事件效果图分组基本写法自行查看官网xm-select官网官网下拉框分组写法中未含有 单选 操作样式，所以我们得自己增加on里面的监听事件，数据中的ParentId可自由设定，用做为监听事件中判断的依据，同一组中的ParentId的值是一样的，不同组的ParentId不一样。（列表有可能包含多条数据，一条数据为一组）on : function(data) {//监听事件}...原创 2021-02-23 14:42:43 · 4978 阅读 · 0 评论 -
bootstrap 问号鼠标悬浮,显示提示信息
<span class="glyphicon glyphicon-question-sign" rel="drevil" data-container="body" data-toggle="popover" data-placement="bottom" data-content="通过单击项目将其移出已选列表(同时放回可选列表)"></span>//提示信息在data-content中修改$(function () { $("[data-tog原创 2020-11-25 14:12:18 · 2378 阅读 · 0 评论 -
jq 清空表格除第一行tr之外所有内容
//除了第一行$("#表格id tr:not(:first)").html("");//除了最后一行$("#表格id tr:not(:last)").html("");//除了第一行和最后一行$("#表格id tr:not(:first):not(:last)").html("");//其他写法$("#表格id tr:not(:first):not(:last)").empty("");...原创 2020-11-25 11:30:34 · 1490 阅读 · 0 评论 -
js 列表遍历或者对象遍历
//列表 listfor ( i in list) { //i为下标0，1，2，3 //获取具体值 list[i]}//字典对象 obj {'ss':2,'bb':3}for ( i in obj) { //i为字典具体的键 ss,bb}原创 2020-11-25 11:24:24 · 1297 阅读 · 0 评论 -
js 直接获取表格列数据
var obj_list = [];for (i=1; i < window.表格id.rows.length; i++) { for (j=0; j < window.表格id.rows[i].cells.length; j++) { obj_list.push(window.表格id.rows[i].cells[j].innerHTML) } }//可自行修改i或j的值，获取具体行或者列的数据，然后放在列表中...原创 2020-11-25 10:59:09 · 2089 阅读 · 0 评论 -
js 单击表格某行，获取tr和td
js 单击表格行，获取该行tr和td//点击行，获取第一个td值if (event.srcElement.tagName == "TD") { curRow = event.srcElement.parentElement; tr = curRow.innerHTML; var td = curRow.cells var td_host = td[0].innerHTML }//扩展：//把该行所有的td值放在一个列表中,接上面方法//var obj = [];// var原创 2020-11-25 10:54:29 · 2476 阅读 · 0 评论 -
JS 实现输入框验证问题
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Web demo</title></head><body> <div> <p>输入手动验证</p> <input type="text" id="input_id"></input> <but原创 2020-08-25 17:54:44 · 940 阅读 · 0 评论 -
js 动态生成标签，动态设置属性
获取HTML中div标签的idvar div = document.getElementById("div的id");动态生成标签，动态设置属性var _label = document.createElement("label");//设置属性_label.setAttribute('class', 'col-sm-4')_label.setAttribute('style', 'margin-top: 2px;');_label.innerText = data[i][0] //la原创 2020-07-06 10:56:09 · 1298 阅读 · 1 评论 -
Bootstrap 表格td中放动态图标或者动态图片
Html<div class="table-responsive"> <table class="table"> <thead> <tr> <th>entry</th> <th>status</th> </tr&g原创 2020-07-02 17:47:30 · 1444 阅读 · 3 评论 -
JS 倒计时显示
<p id="p" class="hidden text-left">数据更新完毕,<span id="CountDown"style="color:red">5</span>秒后将自动为您关闭窗口......</p> function showTime() { // 获取HTML中你设置的时间，也可以在这里自己定义时间 //var t = 5; 自己定义时间 var t = document.getElementById('C原创 2020-07-02 17:37:33 · 197 阅读 · 0 评论 -
bootstrap select 动态数据+分组+分组单选
bootstrap select 动态数据+分组+分组单选 <div class="form-group"> <label class="col-sm-2 ">Storage pool</label> <div class="col-sm-10 "> <select id='Storage_pool' name='Storage_pool' class="selectpicker " multipl原创 2020-05-15 10:21:08 · 1735 阅读 · 0 评论 -
基础js使用
```javascript //表格的展开和收缩实现代码 $(function(){ $("tr.parent").click(function(){ $(this) .toggleClass("selected") .siblings('.child_'+this.id).toggle(); }).click(...原创 2019-11-02 00:05:36 · 114 阅读 · 0 评论 -
Bootstrap,关于table表格中点击一个按钮获取该行的某一列的值并将其传到模态框的问题解决方法
先看部分相关代码:table表格中点击一个按钮:<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModall">表格中的按钮</button>触发模态弹出窗元素data-target，这个关键,对应下面弹窗的id。点击按钮会出现弹窗，弹窗代码:...原创 2019-09-05 22:36:43 · 9238 阅读 · 9 评论 -
bootstrap 表格的展开和收缩实现代码
图片例子点击类似sde这一行，打开或者关闭 分区表格显示部分实现代码展示<tr class="parent" id="row_01"> <td>{{点击行}}</td> <form action="/" method="POST"> <td> <button name="yjfq...原创 2019-09-04 15:18:16 · 10109 阅读 · 0 评论 -
点击下拉框把Value值传到input中,后台接收下拉框的值
按钮弹窗-代码<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModall">文件类型</button>弹窗-下拉框代码，包括隐藏的input <div class="modal " id="myModall" tabindex="-1...原创 2019-09-04 14:25:37 · 5782 阅读 · 0 评论