我正在开发简单的零售管理网站app.i有销售页面,其中有一个输入字段,可以从条形码扫描仪获取数据。这里有示例代码
html代码
<div id = "sale-form" class="form-group">
<label>PRODUCT CODE</label>
<input type="text" id ="get-code"><span class="errors" id="get-code- error"></span>
</div>
<script>
$(document).ready(function(){
$('#get-code').focus();
})
</script>
<div id="bill">
</div>
j查询
$('#get-code').bind('change paste ',function(){
var vall = $(this).val();
if(vall == ""){
$('#get-code-error').text("NO PRODUCT CODE ENTERED");
}
else{
//run some script to fetch data and add row to $('#bill') dynamically;
}
})
我需要在脚本中提供帮助,该脚本根据产品代码从SQL中获取数据 每次在input.i中输入新数据时,都会使用id bill为div添加一个可编辑的行。我已尝试使用html表但无法执行此操作。
答案 0 :(得分:0)
你几乎做到了:你有改变和粘贴事件,它应该工作。 在else语句中,您有注释只是向Web服务器发出ajax请求以获取数据,并在成功时解析响应并将其显示在div中。可以在此处找到jquery的ajax方法的文档:http://api.jquery.com/jquery.ajax/
如果问题是在div中添加行:只需使用jquery的append方法。