not able to populate textfield using ajax, but select is working fine

Ranch Hand

Posts: 268

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi.

I am not able to understand where I am going wrong. Can someone please point out. I am trying to populate a textfield from database when i select a value from select. Though I am able to populate another select instead of textfield, when I am changing the element to textfield, i am not getting output. The code is below.

exp4.jsp

<%@ page contentType="text/html; charset=utf-8" language="java" errorPage="" %>
<%@page language="java" import="java.util.*"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
	var xmlHttp  
    function showPrice(str,divz)
    {      
		alert(str+divz);
    	showPrice.divz=divz;
    	xmlHttp=GetXmlHttpObject();
    	
    	if (xmlHttp==null) 
    	{
			alert ("Your browser does not support AJAX!");
			return;
		}
	    
		    var url="price.jsp";      
		    url +="?count=" +str;      
		    xmlHttp.onreadystatechange = stateChange;      
		    xmlHttp.open("GET", url, true);      
		    xmlHttp.send(null);      
    }      
    function stateChange()
    {        
	
	    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	    {         
	    	document.getElementById(showPrice.divz).innerHTML=xmlHttp.responseText;   
    	}         
    } 
    
   function GetXmlHttpObject() {
	var xmlHttp=null;
	try {
	  	// Firefox, Opera 8.0+, Safari
	  		xmlHttp=new XMLHttpRequest();
		}
		catch (e) 
		{
		// Internet Explorer
	  	try {
	    		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	    	}
		  	catch (e) 
		  	{
		    	xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		    }
		}
	return xmlHttp;
	}
	
	
	
	</script>
</head>

<sql:query var="rs" dataSource="struts/zubbu">
	Select sub_item,item_id from item where upper(main)=upper('biryani')
</sql:query>
<select name='biryani' id="biryani" onchange="showPrice(this.value,'1a')">
<option value='Select Item'>Select Item</option>
<c:forEach var="row" items="${rs.rows}">
<option value="${row.item_id}">${row.sub_item}</option>
</c:forEach>
</select>

price.jsp

Thanks and Regards
Adeeb

adeeb alexander

Ranch Hand

Posts: 268

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Ok guys.

I did trial and error and I got close to solution. What I did is below.

I place the elements in a table and gave an id to <td> tag, as you can see. This works. I want to give id to <input id="1a" type="text" name="loc"/> some thing like that. I there any way to do that. I would also like to know why it is not working when I assign id to textbox.

Thanks

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

inputs do not have innerHTML, they have value.

Eric

Consider Paul's rocket mass heater.