a 标签提交from 表单

最新推荐文章于 2022-12-05 15:02:24 发布

你若不在-我便走

最新推荐文章于 2022-12-05 15:02:24 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Java Script

本文链接：https://blog.youkuaiyun.com/qq_36409820/article/details/78616254

Java Script 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的HTML表单结合JavaScript实现的搜索功能。该功能允许用户通过输入姓名或学号进行搜索，并通过JavaScript函数提交表单到指定URL。此示例展示了基本的前端交互技术和表单提交逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML代码

<form id="searchTbForm" method="post">
      关键词：<input type="text" id="nameOrStuNo" name="nameOrStuNo" 
       placeholder="姓名，学号" class="input0" style="width: 300px;" value="${nameOrStuNo}">
      <a class="btnblueC1" style="width: 50px"
      href="javascript:searchSubmit('<%=request.getContextPath()%>','/rcszIndex/setTB')">搜索</a>
</form>

JS代码

<script type="text/javascript">
 /**
  * 提交搜索
  * @param rootPath 项目路径
  * @param url 项目地址
  */
 function searchSubmit(rootPath,url){
 	var dzurl = rootPath +url;
 	$("#searchTbForm").attr("action",dzurl);
 	$("#searchTbForm").submit();
 }
</script>