Layui JS JQuery商品规格设置SKU

路漫漫学无涯

已于 2022-07-09 17:50:23 修改

阅读量1.2k

点赞数

文章标签： javascript jquery layui

于 2022-07-09 17:42:41 首次发布

本文链接：https://blog.csdn.net/Fun12306/article/details/125696557

版权

本文介绍如何利用layui JavaScript框架和jQuery库在前端实现商品规格的设置，生成SKU。通过页面截图展示了效果，并提供了相关代码段。

摘要由CSDN通过智能技术生成

系列文章目录

001 前端 layui 商品规格设置

文章目录

系列文章目录
一、页面效果图
二、直接贴代码

一、页面效果图

在这里插入图片描述

二、直接贴代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
		<link rel="stylesheet" href="../../css/public.css" media="all">
		<style>
			

			
		</style>
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-form layui-form-pane">
				<input id="id_hide" name="idOne" type="hidden" lay-verify="idOne" autocomplete="off"
					class="layui-input">

				<div class="layui-input-block" style="margin-left: 0px;">
					<label class="layui-form-label">商品标题</label>
					<div class="layui-input-block">
						<input type="text" name="qhxnum" autocomplete="off" class="layui-input"
							onkeyup="value=value.replace(/[^\d]/g,'')">
					</div>
				</div>

				<div class="layui-form-item layui-form-text">
					<div class="layui-form-item">
						<!-- <label class="layui-form-label">商品介绍</label> -->
						<div class="layui-input-block">
							<textarea type="text" name="qnote" autocomplete="off" placeholder="请输入商品介绍"
								class="layui-textarea"></textarea>
							<!-- <input type="text" name="qnote"  autocomplete="off"  placeholder="请输入内容" value="" class="layui-input"> -->
						</div>
					</div>
				</div>



				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">一级分类</label>
						<div class="layui-input-inline">
							<select id="category"