Adding auto complete field in form

**mailvkjain** · 01-19-2012, 05:42 AM

Hi I have a form , which has three fields. I am looking that having an option where once user enter all three fields , new pair of same fields aromatically or dynamically get generated for user to enter next values.

**quad64bit** · 01-19-2012, 05:56 AM

I would think you could use a keyboard listener and once all three fields have content, then add two more to the JPanel.

**mailvkjain** · 01-19-2012, 06:04 AM

Thanks for the reply. Is there any code example which is available for me to analyse?

**quad64bit** · 01-19-2012, 06:07 AM

Depends on where you are stuck. Do you know how to use a KeyListener?

**mailvkjain** · 01-19-2012, 06:34 AM

I was just seeing a demo on oracle site. But honestly im new to java. im not stuck yet. I am yet to start. What i have described is the problem statement that i have.

**quad64bit** · 01-19-2012, 06:44 AM

You didn't answer my question.

**mailvkjain** · 01-19-2012, 07:03 AM

@quad64bit I really do not know how to use keylistener

**mailvkjain** · 01-19-2012, 07:06 AM

This is some code that i have found

<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if (fields != 10) {
document.getElementById('text').innerHTML += "<input type='input' value='' name='field[]' /><br />";
fields += 1;
} else {
document.getElementById('text').innerHTML += "<br />Only 10 upload fields allowed.";
document.form.add.disabled=true;
}
}
</script>
</head>
<body>
<form name="form" action="form.php" method="post">
<input type="button" onclick="addInput()" name="add" value="Add input field" />

<div id="text">

</div>

<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>

issues with this is user has to manually click on add input field. I want this to be dynamic. I also want to add three fields at a time.

**mailvkjain** · 01-19-2012, 07:14 AM

Now i have three fields. I just want to make it dynamic.
<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if (fields != 10) {
document.getElementById('text').innerHTML += "<input type='input' value='' name='field[]' /><br />" ;
document.getElementById('text').innerHTML += "<input type='input' value='' name='field[]' /><br />" ;
document.getElementById('text').innerHTML += "<input type='input' value='' name='field[]' /><br />" ;
fields += 1;
} else {
document.getElementById('text').innerHTML += "<br />Only 10 upload fields allowed.";
document.form.add.disabled=true;
}
}
</script>
</head>
<body>
<form name="form" action="form.php" method="post">
<input type="button" onclick="addInput()" name="add" value="Add input field" />

<div id="text">

</div>

<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>

as in i do not need click button