sorry for bad english.
so i want try make to dynamically add an new input field on key down with using autocompelete(auto suggestion) for evey new dynamically add. so every add an new input field will be have autocompelete(suggestion) too.but i confuse in javascript ,this all my coding
<html>
<head>
<form method = "POST" action="text.php" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Admin</title>
<link href="css/inputpo.css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery-ui.css"/>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>
<!--<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>-->
<script type="text/javascript">
$(document).ready(function(){
$("#code1").autocomplete({
source: 'autosuggest.php',
select:function(event, ui){
$('#descrip1').val(ui.item.descrip1);
$('#color1').val(ui.item.color1);
$('#type1').val(ui.item.type1);
$('#qty1').val(ui.item.qty1);
}
});
});
</script>
<script type="text/javascript">
$txt=new Array();
$(function(){
$('#go').on('click',function(){
console.log($('form').serialize());
})
$('body').on('keydown','.last',function(){
$('.last').removeClass('last');
$('#go','body').before(
'<table><tr><td><input class="last" type="input" id="code1" name="code'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" value="<?php echo $code1; ?>"></td><td><input class="last" type="text" id="descrip" name="descrip'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" value=""></td><td><input class="last" type="text" id="type" name="type'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" value=""></td><td><input class="last" type="text" id="color" name="color'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" value=""></td></tr></table>');
})
})
</script>
</head>
<body>
<?php
if($_GET) {
$code1 = isset($_POST['code']) ? $_POST['code1'] : '';
$descrip = isset($_POST['descrip1']) ? $_POST['descrip1'] : '';
$color = isset($_POST['color1']) ? $_POST['color1'] : '';
$type = isset($_POST['type1']) ? $_POST['type1'] : '';
$qty = isset($_POST['qty1']) ? $_POST['qty1'] : '';
}
$code1="";
?>
<div class="isi">
<table height="51" border="0" cellspacing="2">
<tr>
<td width="99" align="center" label for="suggestionbox">
<div align="center">Code Product</div></label>
</td>
<td>
<div align="center">Description</div>
</td>
<td>
<div align="center">Type</div>
</td>
<td>
<div align="center">Color</div>
</td>
</tr>
<tr>
<td>
<input class="last" type="text" id="code1" name='code1' value="<?php echo $code1;?>">
</td>
<td>
<input class="last" type="text" id="descrip1" name='descrip1' value="">
</td>
<td>
<input class="last" type="text" id="type1" name='type1' value="">
</td>
<td>
<input class="last" type="text" id="color1" name='color1' value="">
</td>
</tr>
</table>
<input id="go" name="" type="submit" /></td>
</div>
</body>
</html>
it's almost correct for autocomplete(auto suggestion) in dynamically just error in Javascript in here
<td><input class="last" type="input" id="code1" name="code'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" value="<?php echo $code1; ?>"></td>
if value=" " its correct but cant give autocomplete(suggestion) for second field, supposed value is "<?php echo $code1; ?>"but its will view in field is "<?php echo $code1; ?>" anybody can help me??
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
