`

js 前台链接到文本后查询

 
阅读更多



 如同所示:现在所需效果点击某个区域,在文本框中显示,并且传入后自动搜索相关区域!

以下是文本框中的代码

 <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前台专用富文本编辑器

    ASP.NET 前台专用富文本编辑器是一种用于网页前端的高级文本输入控件,它为用户提供了类似于Word的编辑体验,支持丰富的格式化选项、图片上传、链接插入等功能,使得在网页上创建和编辑复杂内容变得简单。...

    Asp.net用户前台富文本编辑器

    在描述中提到的"存Js,保证代码的安全",指的是富文本编辑器在处理用户输入时,需要对JavaScript代码进行过滤或转义,以防止XSS(跨站脚本攻击)的发生。XSS攻击是一种常见的网络安全问题,攻击者可能利用富文本编辑...

    asp.net 社区,论坛,SNS前台使用富文本编辑器

    富文本编辑器是用户在网页上创建和编辑带有格式的文本(如字体、颜色、图片、链接等)的工具,常用于在线内容创作,如发帖或评论。 首先,我们需要理解富文本编辑器的工作原理。它通常通过JavaScript库在客户端实现...

    图片自适应 ,富文本解析_微信小程序模板js代码前台前端H5页面源码.rar

    在这个压缩包文件中,包含的资源可能是一套用于微信小程序的模板js代码,以及对应的前台前端H5页面源码,这些都是实现图片自适应和富文本解析功能的关键部分。 **图片自适应** 在微信小程序中,由于屏幕尺寸的多样...

    图片自适应 ,富文本解析_企业城微信小程序js代码前台前端H5页面源码.rar

    在JavaScript中,这通常涉及到使用DOM操作或第三方库如Draft.js、Quill、CKEditor等。对于微信小程序,开发者可能需要处理从后端获取的富文本数据,通过`wxParse`等插件将其转化为可显示的结构,确保在小程序的前端...

    layui 富文本赋值,取值,取纯文本值的实例

    富文本编辑器可以添加图片、链接、不同的字体样式和颜色等。layui是一个轻量级的前端UI框架,它也包含了一个非常实用的富文本编辑器组件。这篇文档将向大家介绍如何在layui中使用富文本编辑器进行内容的赋值、取值...

    网上商城前台+后台HTML源代码

    在这个"网上商城前台"中,HTML(超文本标记语言)是基础,它定义了页面的结构和内容。HTML源代码通常包含各种标签,如`&lt;div&gt;`、`&lt;a&gt;`、`&lt;img&gt;`等,用于创建布局、链接和图像。开发者可以通过这些源代码了解如何设计...

    html前台页面

    例如,`&lt;head&gt;`标签用于定义头部信息,`&lt;body&gt;`标签则包含网页的主体内容,`&lt;h1&gt;`到`&lt;h6&gt;`定义标题等级,`&lt;p&gt;`定义段落,`&lt;a&gt;`创建链接,`&lt;img&gt;`插入图片,而`&lt;div&gt;`和`&lt;span&gt;`则用于内容分组和样式控制。...

    web前台开发

    这可能涉及到媒体查询(`@media`规则)和流式布局(如Flexbox或Grid)的应用。 6. **前端框架和库**:虽然没有明确提及,但现代前端开发可能会使用Bootstrap、Vue.js、React.js或Angular.js等框架或库来加速开发和...

    漂亮的前台UI

    随着库和框架的发展,如jQuery、React、Vue.js和Angular,JavaScript的应用范围和复杂度显著提高,使得开发者可以构建更为复杂的前端应用。 在实际开发中,为了实现这一套"漂亮的前台UI",开发者可能还会使用到其他...

    Web前台

    以上就是Web前台开发涉及的主要知识点,涵盖从基础语言到高级框架,从设计原则到实践技巧,全面阐述了Web前端开发的核心内容。通过不断学习和实践,开发者可以构建出高质量、用户体验优秀的Web应用。

    前台代码

    这里的“前台代码”可能涵盖了HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript,这三者是构建现代网页的基础。 【描述】:虽然描述中给出的信息为“NULL”,但从提供的博文链接...

    网站前台设计。。。。。

    通过使用不同的标签,如`&lt;head&gt;`、`&lt;body&gt;`、`&lt;p&gt;`、`&lt;img&gt;`等,开发者可以组织文本、图片、链接等内容,使网页具有清晰的逻辑结构。HTML5的出现引入了许多新特性,如语义化标签(如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;section&gt;...

    网页 web html 前台 小应用

    这可能涉及到媒体查询(Media Queries)的使用,以确保在任何设备上都能有良好的用户体验。 7. **Web存储**:如果这个应用有保存用户个性化设置的需求,可能会涉及到Web存储API,如localStorage或sessionStorage,...

    基于Java语言完整的前台框架

    3. JavaScript库和框架:尽管Java用于后端处理,但前端可能使用JavaScript库如jQuery或框架如React、Vue.js,它们能够实现动态交互和数据绑定。 4. CSS预处理器:如Sass或Less,它们可以增强CSS的可维护性和可扩展...

    网上书店前台模板

    7. **JavaScript和AJAX**:为了实现动态加载、实时搜索、添加到购物车等功能,模板可能包含JavaScript代码。AJAX(异步JavaScript和XML)技术可实现页面部分更新,无需整个页面刷新。 8. **SEO优化**:为提高搜索...

    漂亮的评论滚动效果,从wordpress模板修改而来的带头像图片一起滚动的前台html+js代码[最终版]

    这表明这个项目涉及到了前端开发,特别是使用HTML(超文本标记语言)来结构化内容,CSS(层叠样式表)进行样式设计,以及JavaScript来实现动态交互功能。其中,“wordpess”提示了这个项目与WordPress环境有关,可能...

    40个网站前台模板.zip

    下载并解压"40个网站前台模板.zip"后,你可以根据自己的项目需求选择合适的模板,然后进行个性化定制,快速创建出专业的网站。记住,每个模板都有其独特之处,选择时要考虑到目标受众、品牌风格和功能需求。

    Web 开发前台必备(汇总)

    它通过标签来定义网页元素,如标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、段落(`&lt;p&gt;`)、图像(`&lt;img&gt;`)、链接(`&lt;a&gt;`)等。HTML5是当前广泛使用的版本,引入了更多语义化标签如`&lt;header&gt;`、`&lt;footer&gt;`和`&lt;article&gt;`,提高了页面...

    web 编程 前台

    HTML是构建网页内容的基础语言,用于定义文本、图像、链接等各种元素的结构和表现。 HTML的基本结构由一系列标签构成,这些标签以尖括号包围,如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等。`&lt;html&gt;`是整个文档的根元素,`...

Global site tag (gtag.js) - Google Analytics