有这样写JS的同学吗?感觉很不地道,放上来肯定会被喷的。里面还插入了php代码,但是我需要的功能都实现了!哇哈哈@

本文主要是介绍有这样写JS的同学吗?感觉很不地道,放上来肯定会被喷的。里面还插入了php代码,但是我需要的功能都实现了!哇哈哈@,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

有这样写JS的同学吗?感觉很不地道,放上来肯定会被喷的。里面还插入了php代码,但是我需要的功能都实现了!哇哈哈@

点击下拉框,单选,多选右边会出现文本框,得到焦点值清空。失去焦点时值保存给隐藏域,同时也有默认值。

如果是点击文本,图片,请选择右边文本框会消失,同时值清空。

最后把需要的值拼接起来。


<script>
$(document).ready(function(){
//获取checkbox里面的值
var num_field = [];
$("#submit").live('click',function(){  $("input[name=checkboxes]:checked").each(function(){if($(this).attr("checked")){num_field.push( ($(this).val()) );}									   });/* for(var i=0;i<num_field.length;i++){alert(num_field[i]);}*/var ajax_data =  num_field.join('|'); $('#newfileds').val(ajax_data);
}) <?php for($i=1;$i<4;$i++): ?>
$("#field_type<?php echo $i; ?>").change('click',function() {jQuery('option:selected', this).each(function(){var retain<?php echo $i; ?> = this.value;$('#retain<?php echo $i; ?>').val(retain<?php echo $i;?>);if(this.value == 'retain<?php echo $i; ?>-wenben|' || this.value == 'retain<?php echo $i; ?>-pic|' || this.value== ''){$('#danxuan<?php echo $i; ?>').val("");$('#danxuan<?php echo $i; ?>').css("display","none"); //为文本和图片的时候隐藏}if(this.value == 'retain<?php echo $i; ?>-danxuan|' || this.value == 'retain<?php echo $i; ?>-danxuan-'){ //判断保留值为单选$('#danxuan<?php echo $i; ?>').css("display","");       //为单选清空下文本框显示var v = this.value;v = 'retain<?php echo $i; ?>-danxuan-'; $('#danxuan<?php echo $i; ?>').val("1是_2否");   //设置默认值$('#danxuan<?php echo $i; ?>').focus(function(){ //得到焦点值清空$('#danxuan<?php echo $i; ?>').val("");        //获取单选框的值})$('#danxuan<?php echo $i; ?>').blur(function(){ //失去焦点时值保存var ch = $('#danxuan<?php echo $i; ?>').val();var y = v + ch +'|';      //不为默认值$('#retain<?php echo $i; ?>').val(y);})var y = v + $('#danxuan<?php echo $i; ?>').val() +'|';$('#retain<?php echo $i; ?>').val(y);}if(this.value == 'retain<?php echo $i; ?>-duoxuan|' || this.value == 'retain<?php echo $i; ?>-duoxuan-'){   //为多选的情况$('#danxuan<?php echo $i; ?>').css("display",""); var v = this.value;v = 'retain<?php echo $i; ?>-duoxuan-';$('#danxuan<?php echo $i; ?>').val("1_2_3_4_5_6_7_8");$('#danxuan<?php echo $i; ?>').focus(function(){ //得到焦点值清空$('#danxuan<?php echo $i; ?>').val("");})$('#danxuan<?php echo $i; ?>').blur(function(){ //失去焦点时值保存var ch = $('#danxuan<?php echo $i; ?>').val();var y = v + ch +'|';      //不为默认值$('#retain<?php echo $i; ?>').val(y); //失去焦点值保留})	 var y = v + $('#danxuan<?php echo $i; ?>').val()+'|'; $('#retain<?php echo $i; ?>').val(y);     //默认值保留}if(this.value == 'retain<?php echo $i; ?>-xialakuang|' || this.value == 'retain<?php echo $i; ?>-xialakuang-'){   //为下拉框的情况下$('#danxuan<?php echo $i; ?>').css("display","");	 var v = this.value;v = 'retain<?php echo $i; ?>-xialakuang-';$('#danxuan<?php echo $i; ?>').val("1_2_3_4_5_6"); //下拉框默认值$('#danxuan<?php echo $i; ?>').focus(function(){ //得到焦点值清空$('#danxuan<?php echo $i; ?>').val("");})$('#danxuan<?php echo $i; ?>').blur(function(){ //失去焦点时值保存var ch = $('#danxuan<?php echo $i; ?>').val();var y = v + ch +'|';      //不为默认值$('#retain<?php echo $i; ?>').val(y);})var y = v + $('#danxuan<?php echo $i; ?>').val()+'|';$('#retain<?php echo $i; ?>').val(y);  //值保存为隐藏域}});
});
<?php endfor; ?>});
</script>

我需要的值:

已插入数据表:



OK!!!


这篇关于有这样写JS的同学吗?感觉很不地道,放上来肯定会被喷的。里面还插入了php代码,但是我需要的功能都实现了!哇哈哈@的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1081052

相关文章

windos server2022里的DFS配置的实现

《windosserver2022里的DFS配置的实现》DFS是WindowsServer操作系统提供的一种功能,用于在多台服务器上集中管理共享文件夹和文件的分布式存储解决方案,本文就来介绍一下wi... 目录什么是DFS?优势:应用场景:DFS配置步骤什么是DFS?DFS指的是分布式文件系统(Distr

NFS实现多服务器文件的共享的方法步骤

《NFS实现多服务器文件的共享的方法步骤》NFS允许网络中的计算机之间共享资源,客户端可以透明地读写远端NFS服务器上的文件,本文就来介绍一下NFS实现多服务器文件的共享的方法步骤,感兴趣的可以了解一... 目录一、简介二、部署1、准备1、服务端和客户端:安装nfs-utils2、服务端:创建共享目录3、服

C#使用yield关键字实现提升迭代性能与效率

《C#使用yield关键字实现提升迭代性能与效率》yield关键字在C#中简化了数据迭代的方式,实现了按需生成数据,自动维护迭代状态,本文主要来聊聊如何使用yield关键字实现提升迭代性能与效率,感兴... 目录前言传统迭代和yield迭代方式对比yield延迟加载按需获取数据yield break显式示迭

Python实现高效地读写大型文件

《Python实现高效地读写大型文件》Python如何读写的是大型文件,有没有什么方法来提高效率呢,这篇文章就来和大家聊聊如何在Python中高效地读写大型文件,需要的可以了解下... 目录一、逐行读取大型文件二、分块读取大型文件三、使用 mmap 模块进行内存映射文件操作(适用于大文件)四、使用 pand

python实现pdf转word和excel的示例代码

《python实现pdf转word和excel的示例代码》本文主要介绍了python实现pdf转word和excel的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录一、引言二、python编程1,PDF转Word2,PDF转Excel三、前端页面效果展示总结一

在MyBatis的XML映射文件中<trim>元素所有场景下的完整使用示例代码

《在MyBatis的XML映射文件中<trim>元素所有场景下的完整使用示例代码》在MyBatis的XML映射文件中,trim元素用于动态添加SQL语句的一部分,处理前缀、后缀及多余的逗号或连接符,示... 在MyBATis的XML映射文件中,<trim>元素用于动态地添加SQL语句的一部分,例如SET或W

Python xmltodict实现简化XML数据处理

《Pythonxmltodict实现简化XML数据处理》Python社区为提供了xmltodict库,它专为简化XML与Python数据结构的转换而设计,本文主要来为大家介绍一下如何使用xmltod... 目录一、引言二、XMLtodict介绍设计理念适用场景三、功能参数与属性1、parse函数2、unpa

C#实现获得某个枚举的所有名称

《C#实现获得某个枚举的所有名称》这篇文章主要为大家详细介绍了C#如何实现获得某个枚举的所有名称,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考一下... C#中获得某个枚举的所有名称using System;using System.Collections.Generic;usi

Go语言实现将中文转化为拼音功能

《Go语言实现将中文转化为拼音功能》这篇文章主要为大家详细介绍了Go语言中如何实现将中文转化为拼音功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 有这么一个需求:新用户入职 创建一系列账号比较麻烦,打算通过接口传入姓名进行初始化。想把姓名转化成拼音。因为有些账号即需要中文也需要英

C# 读写ini文件操作实现

《C#读写ini文件操作实现》本文主要介绍了C#读写ini文件操作实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录一、INI文件结构二、读取INI文件中的数据在C#应用程序中,常将INI文件作为配置文件,用于存储应用程序的