Hi,
I am using script.aculo.us javascript for Autocompleter for Suggest Field.
Doc is below
It works fine, but I have an issue for which I need help. Here is what I am doing. I have a state select box, when user selects the state I pass selected state and the value that's user inputs as a paramter, so that I can get the list of city's for that state.
Problem : If the state dropdown list is pre-selected (ie., the word selected in select options) it always passed the value that has the word "selected" in options.
So the question is how do I dynamically set the value for the State as the Select is pre proulated from DB.
Blow code works fine.
Code that does not work (Its not passing the selected value but it passes the value that has the word selected) It is always passing MD even If I select VA
Help is greatly appriceated.
Thanks
Gorge
I am using script.aculo.us javascript for Autocompleter for Suggest Field.
Doc is below
It works fine, but I have an issue for which I need help. Here is what I am doing. I have a state select box, when user selects the state I pass selected state and the value that's user inputs as a paramter, so that I can get the list of city's for that state.
Problem : If the state dropdown list is pre-selected (ie., the word selected in select options) it always passed the value that has the word "selected" in options.
So the question is how do I dynamically set the value for the State as the Select is pre proulated from DB.
Blow code works fine.
Code:
<%@ page contentType="text/html;charset=windows-1252"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Suggest Test</title>
<script src="js/ajax/prototype.js" type="text/javascript"></script>
<script src="js/ajax/scriptaculous.js" type="text/javascript"></script>
<style type="text/css" media="screen">
.selected { background-color: #888; }
</style>
</head>
<body>
<div class="auto_complete" id="match_auto_complete" style="display:none;border:1px solid black;background-color:#86A5DD;width:200px"></div>
<form name="form0">
<table cellspacing="3" cellpadding="2" border="1" width="100%">
<tr>
<td width="25%">State</td>
<td width="75%">
<select size="1" name="state">
<option value="VA">VA</option>
<option value="MD">MD</option>
</select>
</td>
</tr>
<tr>
<td width="25%">City</td>
<td width="75%">
<input type="text" name="city" autocomplete="off"/>
<script type="text/javascript" language="javascript" charset="utf-8">
// <![CDATA[
new Ajax.Autocompleter('city','match_auto_complete','suggestAction.do', {parameters: "state="+ $F('state'), minChars: 2});
// ]]>
</script>
</td>
</tr>
</table>
</form>
</body>
</html>
Code that does not work (Its not passing the selected value but it passes the value that has the word selected) It is always passing MD even If I select VA
Code:
<%@ page contentType="text/html;charset=windows-1252"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Suggest Test</title>
<script src="js/ajax/prototype.js" type="text/javascript"></script>
<script src="js/ajax/scriptaculous.js" type="text/javascript"></script>
<style type="text/css" media="screen">
.selected { background-color: #888; }
</style>
</head>
<body>
<div class="auto_complete" id="match_auto_complete" style="display:none;border:1px solid black;background-color:#86A5DD;width:200px"></div>
<form name="form0">
<table cellspacing="3" cellpadding="2" border="1" width="100%">
<tr>
<td width="25%">State</td>
<td width="75%">
<select size="1" name="state">
<option value="VA">VA</option>
<option value="MD" selected>MD</option>
</select>
</td>
</tr>
<tr>
<td width="25%">City</td>
<td width="75%">
<input type="text" name="city" autocomplete="off"/>
<script type="text/javascript" language="javascript" charset="utf-8">
// <![CDATA[
new Ajax.Autocompleter('city','match_auto_complete','suggestAction.do', {parameters: "state="+ $F('state'), minChars: 2});
// ]]>
</script>
</td>
</tr>
</table>
</form>
</body>
</html>
Help is greatly appriceated.
Thanks
Gorge