对不起英语不好。 所以我想尝试使动态添加一个新的输入字段关键使用autocompelete(自动建议)evey新动态添加。所以每增加一个新的输入字段将有autocompelete(建议)too.but我在JavaScript混淆,这一切我的编码如何在javascript中通过php,自动完成(autosuggestion)中的动态添加?
<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>
它是在动态刚刚在Javascript这里误差自动完成(自动建议)几乎是正确的
<td><input class="last" type="input" id="code1" name="code'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" value="<?php echo $code1; ?>"></td>
如果值=”“,其正确的,但不能给出第二场自动完成(建议),假定值是"<?php echo $code1; ?>"
但在现场的意志的观点是"<?php echo $code1; ?>"
有人能帮助我吗?
它像这样(自我暗示)尝试输入AB,但不能添加新的字段仍然有错误http://jsfiddle.net/3jLbm9sp/1/,这对于动态但不能自动定义http://jsfiddle.net/3jLbm9sp/1/,不能动态和自动组织。 – Blackarch 2014-10-07 13:57:15