搜索框內容補全然后在通過點擊賦值給原來的文本框的jQuery代碼示范

標簽： jQuery

在這里插入圖片描述

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="js/jquery-3.3.1.js"></script>
	<style type="text/css">
		.content{
			width:643px;
			margin:200px auto;
			text-align: center;
		}
		input[type='text']{
			width:530px;
			height:40px;
			font-size: 14px;
		}
		input[type='button']{
			width:100px;
			height:46px;
			background: #38f;
			border: 0;
			color: #fff;
			font-size: 15px
		}
		.show{
			position: absolute;
			width: 535px;
			border: 2px solid #999;
			border-top: 0;
			display: none;
		}
	</style>
	<script>
		$(function () {
			$("#wordId").change(function () {
				var world = $("#wordId").val();
				$.ajax({
					type:"get",
					async:true,
					data:{"name":world},
					url:"${pageContext.request.contextPath}/findSearchAutoWorld",
					dataType:"json",
					success:function (data) {
						$("#show").empty();
						$(data).each(function () {
							$myDiv=$("<div style='background: orange;border: solid 1px green'>"+this+"</div>")
							$myDiv.prop("world",this)
							$myDiv.click(function () {
								$("#wordId").val(this.world)
								$("#show").empty()
							})
							$("#show").append($myDiv).show();
						})
					},
				});
			})
		})
	</script>
</head>
<body>
<div class="content">
	<img alt="" src="logo.png"><br/><br/>
	<input type="text" name="name" id="wordId">
	<input type="button" value="搜索一下">
	<div class="show" id="show2">
	</div>
</div>
</body>
</html>

本文鏈接：https://blog.csdn.net/qq_36382679/article/details/105676834

智能推薦

文本框內容正則實時匹配，匹配到的字體高亮

項目中遇到的需求,文本框輸入的內容需要實時匹配并高亮效果如下以下代碼直接取至項目中此需求核心代碼，未做整理 js代碼頁面代碼：樣式代碼：思路： 1 textarea 和pre 同步寬、高、位置，textarea在pre上方 2 用正則匹配文本框的值，把匹配到的值外部包上html標簽(如這里包上的是<b></b>)， 3 保持textarea和pre的字體樣式統一，...

ASP.NET jQuery 隨筆使用jQuery UI的Autocomplete方法實現文本框的自動搜索填充功能

首先當然是去下載JQuery UI ,這里這里是下載地址http://jqueryui.com/ 第一步是點擊這里第二步選擇你想要下載的主題進行下載我這里是選擇的cupertino主題包點擊圓圈里的Download進行下載，此時頁面會跳轉到一個讓您進行控件和版本篩選的頁面，因為我只需要autocomplate，其他不需要，所以只選擇這里控件當然你也可以全選！然后就是在頁面中引用了，這里我...

清除input文本框內容

清除input文本框內容效果： html代碼：點擊clear按鈕刪除input文本框中的內容。 js代碼也很簡單，如下：...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...

搜索框內容補全然后在通過點擊賦值給原來的文本框的jQuery代碼示范

智能推薦

猜你喜歡