首先,在这里完成新手。我一直在努力尝试克隆组合框。我的行话对吗?基本上我想要做的是有一个填充几个字段的下拉列表,然后点击添加按钮并再次执行所有操作。我能够填充第一行字段,但克隆后什么也没有。帮助?提前致谢。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/reCopy.js"></script>
<script type="text/javascript">
$(function(){
var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>';
$('a.add').relCopy({ append: removeLink});
});
</script>
<script type="text/javascript">
var compInfoArray = new Array();
<?php
$query1 = "SELECT * FROM bha_product ORDER BY product";
$result1 = mysql_query($query1) or die(mysql_error());
// build javascript array
while($row1=mysql_fetch_array($result1)){
echo 'compInfoArray['.$row1['productid'].'] = new Array();';
echo 'compInfoArray['.$row1['productid'].']["product"] = "'.$row1['product'].'";';
echo 'compInfoArray['.$row1['productid'].']["description"] = "'.$row1['description'].'";';
echo 'compInfoArray['.$row1['productid'].']["price"] = "'.$row1['price'].'";';
}
?>
function showname() {
var productid = document.form1.productid.value;
document.form1.product.value = compInfoArray[productid]["product"];
document.form1.description.value = compInfoArray[productid]["description"];
document.form1.price.value = compInfoArray[productid]["price"];
}
window.onload=function() {
showname();
}
</script>
</head>
<body>
<form name="form1">
<p class="clone">
<select name="productid" onchange="showname()">
<option value="">Select Product</option>
<?php
$query1 = "SELECT * FROM bha_product ORDER BY product";
$result1 = mysql_query($query1) or die(mysql_error());
// build javascript array
while($row1=mysql_fetch_array($result1)){
echo '<option value="'.$row1['productid'].'">'.$row1['product'].'</option>';
}
?>
</select>
<label>
<input type="text" name="product" value="" />
<input type="text" name="description" value="" />
<input type="text" name="price" value="" />
</label></p><p><a href="#" class="add" rel=".clone">Add More</a></p>
<input type="submit" value=" Submit " />
<br>
<input name="submit" type="submit" id="submit" value="Add" />
</form>
</body>
</html>