jquery 选项卡之间如何传值 10C

如题

 <div class="tabs" currentIndex="0" eventType="click">  
    <div class="tabsHeader">  
        <div class="tabsHeaderContent">  
            <ul>  
                <li><a href="javascript:;"><span>A</span></a></li>  
                <li><a href="javascript:;"><span>B</span></a></li>  
                <li><a href="javascript:;"><span>C</span></a></li>  
            </ul>  
        </div>  
    </div>  


如上代码所示,就是个单纯的选项卡,现在我要把A选项卡里面的表单中的ID批量传输到B选项卡的里面去,该怎么传值?求大神解惑

7个回答

这个和选项卡就没什么关系了,这个就是纯粹的jq获取赋值而已 不要想太多 直接jq获取 然后给b赋值就行了 (当然你想绑定函数都没问题的)

chengxiaohu66
chengxiaohu66 回复我的名字叫徐帆: 因为一个from里面我有好几个方法,有修改的,有删除的,有 新增的,现在想到的及时刷新就是用from表单提交,但是from的action里面只能调用一个方法,请问这样怎么办?是要写javascript么
接近 3 年之前 回复
qq_35728177
Tsui丶 回复chengxiaohu66: 这种当前页面内跳转的最好使用ajax的,除非你是必须要这样跳转(但是这样跳转页面直接刷新了,只要后台返回一个参数前台直接接受就行了),至于具体穿什么参数,要看你想用什么来控制。(只要控制页面打开显示第二个选项卡就行了,因为后台值直接接受显示在第二选项卡了),如果不需要这样。ajax还是要简单很多的
接近 3 年之前 回复
chengxiaohu66
chengxiaohu66 <a class="edit" href="user/edit.action?user_id=${u.user_id }" target="navTab"><span>审核</span> </a>| 我是这样子提交的,因为要调用后台的一个查询方法,请问要怎样才能点击后跳转到第二个选项卡且传值
接近 3 年之前 回复

看你自己写的动作了,比如你点选项卡的时候触发的方法,在方法里面可以写任意实现。用隐藏域、或者获取当前点击的选项卡的name,id,class等等

chengxiaohu66
chengxiaohu66 <a class="edit" href="user/edit.action?user_id=${u.user_id }" target="navTab"><span>审核</span> </a>| 我是这样子提交的,因为要调用后台的一个查询方法,请问要怎样才能点击后跳转到第二个选项卡且传值
接近 3 年之前 回复

直接dom操作就行了,除非你选项卡嵌套了iframe什么的

showbo
支付宝加好友偷能量挖 回复chengxiaohu66: 可以,action后的参数是get提交的,注意不是post,表单内容的控件才是post,注意获取的方法
接近 3 年之前 回复
chengxiaohu66
chengxiaohu66 回复showbo: <tr id="${u.user_id }" onClick="queryRoles(this)" name="user_id">
接近 3 年之前 回复
chengxiaohu66
chengxiaohu66 <form onSubmit="return navTabSearch(this);" action="user/edit.action?user_id=${u.user_id }" method="post">
接近 3 年之前 回复
chengxiaohu66
chengxiaohu66 回复showbo: 先不说这个了,现在还有个问题 from表单提交post形式可以直接带参数么。比如这样
接近 3 年之前 回复
showbo
支付宝加好友偷能量挖 回复chengxiaohu66: 你用的什么选项卡组件?一般有设置焦点tab的方法,如easyui的$('#xxx').tabs('select','tab名称')。自己看组件方法。然后连接用ajax加载后,在ajax回调成功中选中你要设置值的tab,直接给这个tab内容块的控件复制。跳转的话就将选中tab和复制的代码放到</body>结束标签前
接近 3 年之前 回复
chengxiaohu66
chengxiaohu66 <a class="edit" href="user/edit.action?user_id=${u.user_id }" target="navTab"><span>审核</span> </a>| 我是这样子提交的,因为要调用后台的一个查询方法,请问要怎样才能点击后跳转到第二个选项卡且传值
接近 3 年之前 回复

如果没有iframe,可以直接传值,用jquery的选择器就可以传值.

例如:

// # 号后面的是输入框或者select的id字段
$("#inputid").val();// 输入框,select,

// . 点号后面的是输入框或者select的class字段,会返回多个
$(".inputclass").val();//输入框,select

这样就可以传值了.

dcxy0
Q544471255 回复chengxiaohu66: 跳转这个,换成ajax请求,请求完成之后,在传值.
接近 3 年之前 回复
dcxy0
Q544471255 回复chengxiaohu66: 用ajax实现吧,如果你后台不是返回的页面的话,可以直接用ajax.
接近 3 年之前 回复
chengxiaohu66
chengxiaohu66 <a class="edit" href="user/edit.action?user_id=${u.user_id }" target="navTab"><span>审核</span> </a>| 我是这样子提交的,因为要调用后台的一个查询方法,请问要怎样才能点击后跳转到第二个选项卡且传值
接近 3 年之前 回复

交给前段做:点击存储Cookie信息 --> 跳转 --> 拉取Cookie 信息

交给后端做:点击提交查询 -->后端返回查询结果集-->后端response添加参数(标识) -->前段获取response参数,根据参数判断显示选项卡项-->加载数据

但愿没理解错

这样的话你就按钮绑定js函数跳转action

 function deleteStu(){  
         document.getElementById('myForm').action = "ctl.jsp?op=delete";  
         document.getElementById("myForm").submit();  
    }

这样修改了form表单的提交路径再提交就可以了

混脸熟,围观大佬们~~~

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐