JS操作记录

2024-05-07 19:48
文章标签 操作 记录 js

本文主要是介绍JS操作记录,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

var v1  =$('#tota').val();  //获取的id = v1的为字符串
var v = parseInt(v1);//parseInt转类型

页面刷新
window.location.reload();
请求
window.open('url');
localaction='url';
open操作
<input name="cat_name" type="text" id="cat_name" value="$!obj.category.name" />
 <select id="myoption" οnchange="selectInput(this)">
  #foreach($cate in $categorys)<option  value="$cate.name">$cate.name</option>
  #end</select>
<script>
   function selectInput(a){document.getElementById('cat_name').value= a.value;
   }
</script>//获取点击的open加入到输入框
//select下所有open
document.getElementById('myoption').onclick = function(){var str = $("#myoption option").map(function(){var opt = $(this).val();
      alert(opt)}).get().join(", ")
};

//提交form表单
<form action="${ctx}/admin/userLogin"  name="aform" id="aform" method="post">
<form>
<script>
$("#aform").submit();
</script>
//获取UL下的Li和改变
<ul class="tab pngFix">
    <li id="1" class="active" οnclick="ownership()"><a href="javascript:void(0);">所有订单</a></li>
    <li  id="2" class=""οnclick="ownership1()"><a href="javascript:void(0);"  >待付款</a></li>
    <li id="3" class=""οnclick="ownership2()"><a href="javascript:void(0);">待发货</a></li>
</ul>

<script>
  /*  var v = document.getElementById("1");//
    v.className="active"*/
    $(function() {var ids = document.getElementById("1")var ids1 = document.getElementById("2")$('.tab li a').click(function(){    //获取UL的class$('.tab li').removeClass('active');
            $(this).parent().addClass('active');
        })})
</script>

//html下拉列表选择事件
<td class="w100">
    <select name="order_status" id="order_status" οnchange="testClk()">
    <option value="" selected="">所有订单</option>
    <option value="order_submit">待付款</option>
    <option value="order_pay">待发货</option>
    <option value="order_shipping">已发货</option>
    <option value="order_receive">已收货</option>
    <option value="order_finish">已完成</option>
    <option value="order_cancel">已取消</option>
</select></td>

<script>
    function testClk(){var obj = document.getElementById("order_status");
        jQuery('#ListForm').submit();//form的ID
    }
</script>

//js控制radio
	  <input name="c.type" type="radio"id="0" value = "0" checked="checked"  class="colored-blue">
	  <input name="c.type" id="1" type="radio"value = "1"class="colored-blueberry">
 	 $("input[name='c.type']").eq(1).attr("checked","checked");
	 $("input[name='c.type']").eq(0).removeAttr("checked");
databalse下的获取span值 :$(".tagnames").text()	//tagnames为class





这篇关于JS操作记录的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Python实现对阿里云OSS对象存储的操作详解

《Python实现对阿里云OSS对象存储的操作详解》这篇文章主要为大家详细介绍了Python实现对阿里云OSS对象存储的操作相关知识,包括连接,上传,下载,列举等功能,感兴趣的小伙伴可以了解下... 目录一、直接使用代码二、详细使用1. 环境准备2. 初始化配置3. bucket配置创建4. 文件上传到os

mysql表操作与查询功能详解

《mysql表操作与查询功能详解》本文系统讲解MySQL表操作与查询,涵盖创建、修改、复制表语法,基本查询结构及WHERE、GROUPBY等子句,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随... 目录01.表的操作1.1表操作概览1.2创建表1.3修改表1.4复制表02.基本查询操作2.1 SE

在Spring Boot中集成RabbitMQ的实战记录

《在SpringBoot中集成RabbitMQ的实战记录》本文介绍SpringBoot集成RabbitMQ的步骤,涵盖配置连接、消息发送与接收,并对比两种定义Exchange与队列的方式:手动声明(... 目录前言准备工作1. 安装 RabbitMQ2. 消息发送者(Producer)配置1. 创建 Spr

c++中的set容器介绍及操作大全

《c++中的set容器介绍及操作大全》:本文主要介绍c++中的set容器介绍及操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录​​一、核心特性​​️ ​​二、基本操作​​​​1. 初始化与赋值​​​​2. 增删查操作​​​​3. 遍历方

MySQL追踪数据库表更新操作来源的全面指南

《MySQL追踪数据库表更新操作来源的全面指南》本文将以一个具体问题为例,如何监测哪个IP来源对数据库表statistics_test进行了UPDATE操作,文内探讨了多种方法,并提供了详细的代码... 目录引言1. 为什么需要监控数据库更新操作2. 方法1:启用数据库审计日志(1)mysql/mariad

springboot如何通过http动态操作xxl-job任务

《springboot如何通过http动态操作xxl-job任务》:本文主要介绍springboot如何通过http动态操作xxl-job任务的问题,具有很好的参考价值,希望对大家有所帮助,如有错... 目录springboot通过http动态操作xxl-job任务一、maven依赖二、配置文件三、xxl-

Oracle 数据库数据操作如何精通 INSERT, UPDATE, DELETE

《Oracle数据库数据操作如何精通INSERT,UPDATE,DELETE》在Oracle数据库中,对表内数据进行增加、修改和删除操作是通过数据操作语言来完成的,下面给大家介绍Oracle数... 目录思维导图一、插入数据 (INSERT)1.1 插入单行数据,指定所有列的值语法:1.2 插入单行数据,指

k8s上运行的mysql、mariadb数据库的备份记录(支持x86和arm两种架构)

《k8s上运行的mysql、mariadb数据库的备份记录(支持x86和arm两种架构)》本文记录在K8s上运行的MySQL/MariaDB备份方案,通过工具容器执行mysqldump,结合定时任务实... 目录前言一、获取需要备份的数据库的信息二、备份步骤1.准备工作(X86)1.准备工作(arm)2.手

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

Python UV安装、升级、卸载详细步骤记录

《PythonUV安装、升级、卸载详细步骤记录》:本文主要介绍PythonUV安装、升级、卸载的详细步骤,uv是Astral推出的下一代Python包与项目管理器,主打单一可执行文件、极致性能... 目录安装检查升级设置自动补全卸载UV 命令总结 官方文档详见:https://docs.astral.sh/