How to use ajax and jquery in jsp -


here code:

 <%@ page language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%>   <%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%>     <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>   <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">  <html>  <head>  <meta http-equiv="content-type" content="text/html; charset=utf-8">   <title>insert title here</title>  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">  <script src="//code.jquery.com/jquery-1.10.2.js"></script>  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>   </head>  <body> <sql:setdatasource var="snapshot" driver="com.mysql.jdbc.driver"  url="jdbc:mysql://localhost/demo"  user="root"  password="root"/>   <sql:query datasource="${snapshot}" var="list">   select * emoloyeesample; </sql:query> <form action="some.jsp" method="get"> <select name="id" id="name" onkeyup="dosomething(this.value);">       <option value="0">select employee</option>    <c:foreach var="employee" items="${list.rows}">    <option value="${employee.id}">${employee.name}</option>     </c:foreach>   </select>  <input type="submit" value="submit" >   <script>  $(function() {  var availabletags=${list}  $( "#name" ).autocomplete({    source: availabletags  }); }); </script> </form> </body> </html>

here getting values database in ${list} , values shown in drop down list requirment when user press s name having initial s must shown in drop down list.

you can use datalist here

please consider if number of field huge might not solution


Comments

Post a Comment

Popular posts from this blog

searchKeyword not working in AngularJS filter -

i writing app using angularjs on front end. want search through table word/field; 1 search box everything. according article here: http://hello-angularjs.appspot.com/searchtable can use filter: searchkeyword this. this code, , not working expected. <label>search: <input ng-model="searchkeyword"></label> <table ng-repeat="post in posts | orderby: sort | filter: searchkeyword"> <tr> <td> {{index(post)}} </td> <td> {{post.title}} </td> <td> {{post.author}} </td> <td> {{post.content}} </td> <td> {{post.date | date: "d/m/yyyy"}} </td> </tr> </table> what should do? thank you try this: controller $scope.posts = [ {title:'title one', author:'author one', content: 'content one'}, {title:'title two', author:'author two', content: 'cont...
Read more

sequelize.js - Sequelize: sort by enum cases -

i have model ( article ) field (the name type ) of type enum('source', 'translated') , return 1 article ordered type field. source articles should returned before translated articles. like: article.findone(order: [ { type: [ 'source', 'translated' ] } ]); unfortunately there appears no built-in solution sorting enums. instead have sort by case , couldn't find documentation on how sequelize. what conventional approach here? sorting case hard in sequelize, sort field (the second answer in linked post) should possible: order: sequelize.fn('field', sequelize.col('type'), 'source', 'translated') it's supported mysql far know though
Read more

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

i trying use following code create interactive gui changes color-space(hsv, rbg, grayscale etc) on event of button click. display opencv video in tkinter using multiprocessing being new python having problems multiprocessing , attempts on making gui change it's color space on button clicks hangs entire system. on it's implementation highly appreciated. thankyou. below code: import cv2 pil import image,imagetk import tkinter tk import numpy np multiprocessing import process , queue def quit_it(root,process): root.destroy() process.terminate() def black_andwhite(root,process): process.terminate p=process(target=capture_image, args=(5,queue, )) p.start() root.after(0, func=lambda: update_all(root, image_label, queue)) def update_image(image_label, queue): frame = queue.get() = image.fromarray(frame) b = imagetk.photoimage(image=a) image_label.configure(image=b) image_label._image_cache = b root.update() def update_all(root...
Read more