有这样写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

相关文章

Go语言开发实现查询IP信息的MCP服务器

《Go语言开发实现查询IP信息的MCP服务器》随着MCP的快速普及和广泛应用,MCP服务器也层出不穷,本文将详细介绍如何在Go语言中使用go-mcp库来开发一个查询IP信息的MCP... 目录前言mcp-ip-geo 服务器目录结构说明查询 IP 信息功能实现工具实现工具管理查询单个 IP 信息工具的实现服

Python的time模块一些常用功能(各种与时间相关的函数)

《Python的time模块一些常用功能(各种与时间相关的函数)》Python的time模块提供了各种与时间相关的函数,包括获取当前时间、处理时间间隔、执行时间测量等,:本文主要介绍Python的... 目录1. 获取当前时间2. 时间格式化3. 延时执行4. 时间戳运算5. 计算代码执行时间6. 转换为指

利用Python调试串口的示例代码

《利用Python调试串口的示例代码》在嵌入式开发、物联网设备调试过程中,串口通信是最基础的调试手段本文将带你用Python+ttkbootstrap打造一款高颜值、多功能的串口调试助手,需要的可以了... 目录概述:为什么需要专业的串口调试工具项目架构设计1.1 技术栈选型1.2 关键类说明1.3 线程模

SpringBoot基于配置实现短信服务策略的动态切换

《SpringBoot基于配置实现短信服务策略的动态切换》这篇文章主要为大家详细介绍了SpringBoot在接入多个短信服务商(如阿里云、腾讯云、华为云)后,如何根据配置或环境切换使用不同的服务商,需... 目录目标功能示例配置(application.yml)配置类绑定短信发送策略接口示例:阿里云 & 腾

Python Transformers库(NLP处理库)案例代码讲解

《PythonTransformers库(NLP处理库)案例代码讲解》本文介绍transformers库的全面讲解,包含基础知识、高级用法、案例代码及学习路径,内容经过组织,适合不同阶段的学习者,对... 目录一、基础知识1. Transformers 库简介2. 安装与环境配置3. 快速上手示例二、核心模

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

Python利用ElementTree实现快速解析XML文件

《Python利用ElementTree实现快速解析XML文件》ElementTree是Python标准库的一部分,而且是Python标准库中用于解析和操作XML数据的模块,下面小编就来和大家详细讲讲... 目录一、XML文件解析到底有多重要二、ElementTree快速入门1. 加载XML的两种方式2.

Java的栈与队列实现代码解析

《Java的栈与队列实现代码解析》栈是常见的线性数据结构,栈的特点是以先进后出的形式,后进先出,先进后出,分为栈底和栈顶,栈应用于内存的分配,表达式求值,存储临时的数据和方法的调用等,本文给大家介绍J... 目录栈的概念(Stack)栈的实现代码队列(Queue)模拟实现队列(双链表实现)循环队列(循环数组

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作。由于数据类

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)