-
等级
本版专家分：0结帖率 77.78% -
我想实现这样一个功能，表格数据根据select选项变化，如图所示，选项为第一组的时候是这组数据，选项为第二组时数据就会相应更换。我目前只会js，不会其他前端技术，求大神们帮帮忙，帮我写个方法或者指点思路，谢谢啦！
展开阅读全文
-
等级
本版专家分：85
-
其实有很多方案可以解决 重点就在监听select的change事件上
事件中判断select值的变化 而去选择不同的表格或者动态产生表格数据
-
等级
本版专家分：105勋章
-
- GitHub 绑定GitHub第三方账户获取
-
-
每组数据的表格都写个table，下拉框写个onchang事件，根据选择的值显示不同的表格，不需要显示的表格隐藏？
-
等级
本版专家分：0
-
选择不同的表格太多了，动态产生表格数据如何实现呢？
-
等级
本版专家分：85
-
js做html的输出啊
比如
var html = '<table><tr><td></td></tr></table>';
然后事件中 把父层的内容更新掉
$('#divId').html(html);
-
等级
本版专家分：85
-
至于表格中的数据 可以ajax动态获取过来
-
等级
本版专家分：19285勋章
-
- 进士 2019年总版新获得的技术专家分排名前十
-
-
铜牌
2020年3月 总版技术专家分月排行榜第三
2019年5月 总版技术专家分月排行榜第三
-
- 红花 2020年3月 MS-SQL Server大版内专家分月排行榜第一
-
-
黄花
2020年8月 MS-SQL Server大版内专家分月排行榜第二
2019年5月 Web 开发大版内专家分月排行榜第二
2019年1月 Web 开发大版内专家分月排行榜第二
-
-
可以用vue或者knockout来绑定，或者用easyui的datagrid，只要更新数据源就可以了
- select下拉选项被选中时内容的变化
script type="text/javascript" src="jquery.min.js"></script> <select name="typeid" "window.location=this.value;"> <option value="">---分类---</option> <volist ...
- 根据所选择的select选项实现内容的动态添加与组合
引言：最近在给一个项目做后期维护，客户要求，根据用户所选择的select标签的选项来动态加载配置信息选项，然后按一定的方式把显示的配置选项组合起来添加到数据库中……
- select下拉选项调用另一张数据库表数据
页面展示，一个下拉框，如下： 链路类型： ...确定id ，通过id 调用ajax 方法，js源码如下： $(function(){ // alert(123); initSelect(); }) function initSelect(){ $.ajax
- vue.js使用心得——el-select，el-table数据处理，css样式穿透以及增删改查
这个假期接触了网页前端的又一个利器，vue.js,它的主要特点在于对数据的双向绑定。想想之前用最原始的js的时候，我们更改页面上的数据，经常会用到InnerHTML，getElementById的代码，它实际上是在对DOM元素进行添加...
- vuejs绑定数据到select中，选择option数据后，同步改变下面一个输入框input的值
前言：应公司开发，某小功能的需要，所以初次接触到vuejs，摸索学习中...1.ajax请求后台数据，绑定到select下拉单选框中。 2.点击下拉框，选中一栏数据，同时input从没有值变成同步更新到选中的那一栏值。 3.演示效果图
- js收集表格的内容(表格中每一行带有select下拉框)
* 功能： 收集id=gridBar的数据 * 参数： 返回值为XML字符串 * 返回值： appForm.userxml = "<myxml>我定义的xml</myxml>" * 创建人： 彭松 * 创建时间：2013-12-11 */ function getGridXml() { ...
- 两个Select互换数据，简单实用
两个Select互换数据，简单实用 var MainSel = null; var SlaveSel = null; var Item_org = new Array();function DoAdd(){ var this_sel = null; for(var i=0;i this_sel = MainSel.options[i]; ...
- layui 动态渲染数据表格中下拉框的选项值
思路：根据layui数据表格中 templet属性中的LAY_INDEX字段动态生成下拉框的class，在渲染表格的时候发送请求，根据select.class操纵dom将接口返回数据填充到select下拉框中。 数据表格： var n = { title: '变更后...
- layui的select触发change使用，以及根据两个select的值控制其他选项的显示
因项目需要，做一个酒店预订功能，根据入住日期和离店日期，判断显示的房型，当然是根据二者后台返回。
- select2动态渲染下拉框以及下拉数据格式化
$('select[name="userid"]').html(getOption($userName, 'personname')).val('{$ITEM-&gt;relationuserid}').select2({ width: '100%', theme: "bootstrap", ...
- Layui table表格中select批量数据回显
视图层： <!-- 设计类型 --> <script type="text/html" id="quote_sjlx"> <div class="layui-form" >...select class="layui-form quote_sjlx" lay-filter="quoteSelectTb" name="quote_sjlx" d...
- 【JqGrid】jqGrid动态填充select下拉框的选项值
function gettypes(){ ...//动态生成select内容 var str=""; $.ajax({ type:"post", async:false, url:"checkpersontype", success:function(data){ if (data != null) { var jsonobj=eval(data);
- JavaScript中动态创建和操作select元素
原文链接：http://blog.csdn.net/a313976010/article/details/6728646 ...1.动态创建select ...[javascript] view plain copy function createSelect(){ var mySelect = docum
- 获得table某个单元格的内容，然后将select中等于该内容的项，变为选中项。
var tds=$('#infor tr:... $("#seachContinent").find("option[text='"+tds+"']").attr("selected",true); tds可以获得内容，第二行中的tds若写死为“非洲”也是好用的，但是上面的这样写就不好用，请问问题出在哪里？
- layui 表格插入表单元素select 并且值回显
layui 表格插入表单元素select 并且值回显 一. 首先为了让select的选项不被table的样式遮盖，需要加下面样式： /* 防止下拉框下拉值被遮盖*/ .layui-table-cell { overflow: visible; } .layui-table-box {...
- react select 从后台获取数据绑定（获取数据里有不需要的数据）
首先在页面静态资源加载完之后获取数据： 定义对象： constructor() { super(); this.state = { districts: [] }; } componentDidMount() { this.getusersDetail(); } const districts = ...
- JavaScript解析Json实现动态修改多级下拉选择列表控件Select
首先读取数据库中的数据得到数据，由于数据库中的数据是分散的几个二维表格，查询出来的数据是Map键值对的List集合，不能直接拿来用，需要先进行处理：一级菜单封装为String类型菜单项的List集合，二级菜单封装为键...
- js实现刷新页面后select标签保持选中状态
原理：首先把选中的select标签的index存入到cookie中，当页面再次加载时，读取存入cookie中的标签index，设置该index为selected. <script type="text/javascript"> function setCookie(name, value) { var exp = ...
- element-ui中select选择器怎么获取更换的数据
选择器的使用一般分为在表格中和表格外两种方式，本文主要内容为element-ui组件下el-select控件的使用。 两种情况下选择器的效果展示 el-select选择器基本写法 更换数据的参数传递【重点】 一、两种情况效果...
- 根据select标签的option的value值，切换相对应的内容
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> &...jquery.min.js" charset="utf-8">&
- layui动态加载select下拉数据，点击两次才出现的问题
这里指的是通过layui官方示例中的方式写的select，如下： <div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <...
- vue 点击下拉选项 展示不同的数据
代码是这么写的 ``` (item, index) in navData" :key="index"> :title="`${item.title}(${item.size})`" :border-intent="false" is-link :arrow-direction="secondaryNodeShow ? 'up' : 'down'" @click....
- CSDN第一篇：layui table表格加入select表单元素option动态赋值并回显
及上一篇的select表单元素加入table中是静态...首先在表格加载(render)前,获取那个select需要的option集合 <script type="text/javascript"> var dictNameOptions = "<option value=''>请选择</op...
- js如何根据后台分配的数据来使模板中的下拉列表被选中
遍历下拉项的每个value值，如果相等，则为该下拉选项添加selected属性让他为选中状态1.在表单中创建隐藏域 接收后台传来的value值2.根据隐藏域的value值 来和下拉列表的各个value值进行对比<script type=&...
- layui中对select下拉框填充option数据；编辑修改时的数据回显问题；select下拉框数据联动问题
callAPI('newDataGeneralProject.do?findPage&... //取data返回值中的某项数据填充select选项值 var sel = document.getElementById("parentid"); for(var i = 0;i < data.length; i++...
- 解决iview 的select下拉框选项错位的问题
2018.04.11 官方发布了2.13.0版本,之前写的表格样式全乱掉了~。小版本发布，为何不兼容啊，难道是带着bug上线 ？ 2018.04.10 很不幸，更新到官方2.12.0版本，下拉框弹出层又出问题了，transfer不管用了。 2018...
- javascript 根据下拉框选择显示不同的DIV
原文地址： ...本文中，我们将继续介绍另外几个有用的JavaScript小工具，并着重说明其工作原理，因此你可以简单修改后应用到自己的程序中。
- vue+Element中table表格实现可编辑（select下拉框）
最近在工作中遇到一个问题，需要在表格中实现数据可编辑状态，具体情况是需要在单元格里加入下拉框；并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的...
- 如何限制HTML中select标签option可见选项数目
在使用select标签的时候，如果option选项太多，会造成下拉列表变得很长（浏览器默认20条） 如果想控制select中的option显示的个数，例如：只显示5个，其余的通过滚动条来控制显示。 经过多天的百度和自己的调试终于...