如同所示:现在所需效果点击某个区域,在文本框中显示,并且传入后自动搜索相关区域!
以下是文本框中的代码
<form id="tableForm_search" method="get" onsubmit="return form_submit()">
<input type="text" id="tableinfo" value="" name="tableinfo" class="int" onkeyup='value = value.replace(/(^\s*)|(\s*$)/g,"");'/>
<input class="but" name="" type="image" src="/${res}/img/but.jpg" onclick="return submitBtn(this.form);" />
</form>
主要是图片中onclick事件
另外贴上js脚本 及操作的文本框
<script language="javascript">
function submitBtn(fm){
fm.submit();
return false;
}
function submitBtn_feature(fm){
var herf=document.getElementById("feature").value;
$('#tableinfo').val(herf);
fm.submit();
return false;
}
</script>
<a href="#" target="_self" id="feature" name="***" value="***" onclick="return submitBtn_feature(this.form);">***</a>
对此主要逻辑是点击链接中调用onclick submitBtn_feature事件$('#tableinfo').val(herf);把值放入文本框中,文本框中的查询是通过点击图片显示 onclick submitBtn再次查找
此列 易混点,通过onclick="return submitBtn_feature"点击提交后认为已经成功,但未考虑到文本框中的查询也是通过图片onclick 事件提交 从而未再次调用图片onclick事件
- 大小: 39.8 KB
分享到:
相关推荐
ASP.NET 前台专用富文本编辑器是一种用于网页前端的高级文本输入控件,它为用户提供了类似于Word的编辑体验,支持丰富的格式化选项、图片上传、链接插入等功能,使得在网页上创建和编辑复杂内容变得简单。...
在描述中提到的"存Js,保证代码的安全",指的是富文本编辑器在处理用户输入时,需要对JavaScript代码进行过滤或转义,以防止XSS(跨站脚本攻击)的发生。XSS攻击是一种常见的网络安全问题,攻击者可能利用富文本编辑...
富文本编辑器是用户在网页上创建和编辑带有格式的文本(如字体、颜色、图片、链接等)的工具,常用于在线内容创作,如发帖或评论。 首先,我们需要理解富文本编辑器的工作原理。它通常通过JavaScript库在客户端实现...
在这个压缩包文件中,包含的资源可能是一套用于微信小程序的模板js代码,以及对应的前台前端H5页面源码,这些都是实现图片自适应和富文本解析功能的关键部分。 **图片自适应** 在微信小程序中,由于屏幕尺寸的多样...
在JavaScript中,这通常涉及到使用DOM操作或第三方库如Draft.js、Quill、CKEditor等。对于微信小程序,开发者可能需要处理从后端获取的富文本数据,通过`wxParse`等插件将其转化为可显示的结构,确保在小程序的前端...
富文本编辑器可以添加图片、链接、不同的字体样式和颜色等。layui是一个轻量级的前端UI框架,它也包含了一个非常实用的富文本编辑器组件。这篇文档将向大家介绍如何在layui中使用富文本编辑器进行内容的赋值、取值...
在这个"网上商城前台"中,HTML(超文本标记语言)是基础,它定义了页面的结构和内容。HTML源代码通常包含各种标签,如`<div>`、`<a>`、`<img>`等,用于创建布局、链接和图像。开发者可以通过这些源代码了解如何设计...
例如,`<head>`标签用于定义头部信息,`<body>`标签则包含网页的主体内容,`<h1>`到`<h6>`定义标题等级,`<p>`定义段落,`<a>`创建链接,`<img>`插入图片,而`<div>`和`<span>`则用于内容分组和样式控制。...
这可能涉及到媒体查询(`@media`规则)和流式布局(如Flexbox或Grid)的应用。 6. **前端框架和库**:虽然没有明确提及,但现代前端开发可能会使用Bootstrap、Vue.js、React.js或Angular.js等框架或库来加速开发和...
随着库和框架的发展,如jQuery、React、Vue.js和Angular,JavaScript的应用范围和复杂度显著提高,使得开发者可以构建更为复杂的前端应用。 在实际开发中,为了实现这一套"漂亮的前台UI",开发者可能还会使用到其他...
以上就是Web前台开发涉及的主要知识点,涵盖从基础语言到高级框架,从设计原则到实践技巧,全面阐述了Web前端开发的核心内容。通过不断学习和实践,开发者可以构建出高质量、用户体验优秀的Web应用。
这里的“前台代码”可能涵盖了HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript,这三者是构建现代网页的基础。 【描述】:虽然描述中给出的信息为“NULL”,但从提供的博文链接...
通过使用不同的标签,如`<head>`、`<body>`、`<p>`、`<img>`等,开发者可以组织文本、图片、链接等内容,使网页具有清晰的逻辑结构。HTML5的出现引入了许多新特性,如语义化标签(如`<header>`、`<nav>`、`<section>...
这可能涉及到媒体查询(Media Queries)的使用,以确保在任何设备上都能有良好的用户体验。 7. **Web存储**:如果这个应用有保存用户个性化设置的需求,可能会涉及到Web存储API,如localStorage或sessionStorage,...
3. JavaScript库和框架:尽管Java用于后端处理,但前端可能使用JavaScript库如jQuery或框架如React、Vue.js,它们能够实现动态交互和数据绑定。 4. CSS预处理器:如Sass或Less,它们可以增强CSS的可维护性和可扩展...
7. **JavaScript和AJAX**:为了实现动态加载、实时搜索、添加到购物车等功能,模板可能包含JavaScript代码。AJAX(异步JavaScript和XML)技术可实现页面部分更新,无需整个页面刷新。 8. **SEO优化**:为提高搜索...
这表明这个项目涉及到了前端开发,特别是使用HTML(超文本标记语言)来结构化内容,CSS(层叠样式表)进行样式设计,以及JavaScript来实现动态交互功能。其中,“wordpess”提示了这个项目与WordPress环境有关,可能...
下载并解压"40个网站前台模板.zip"后,你可以根据自己的项目需求选择合适的模板,然后进行个性化定制,快速创建出专业的网站。记住,每个模板都有其独特之处,选择时要考虑到目标受众、品牌风格和功能需求。
它通过标签来定义网页元素,如标题(`<h1>`到`<h6>`)、段落(`<p>`)、图像(`<img>`)、链接(`<a>`)等。HTML5是当前广泛使用的版本,引入了更多语义化标签如`<header>`、`<footer>`和`<article>`,提高了页面...
HTML是构建网页内容的基础语言,用于定义文本、图像、链接等各种元素的结构和表现。 HTML的基本结构由一系列标签构成,这些标签以尖括号包围,如`<html>`、`<head>`、`<body>`等。`<html>`是整个文档的根元素,`...