Javascript 将太多JS函数添加到一个函数中-不起作用
在文本框中使用JS自动完成。所有工作正常,但我想添加另外两个不同的文本框与自动完成的页面。没有工作,没有给出任何具体的错误,可能是一个逗号遗漏了一些东西或类似的东西,如果有人能看一下代码并纠正我,那就太好了。谢谢Javascript 将太多JS函数添加到一个函数中-不起作用,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,在文本框中使用JS自动完成。所有工作正常,但我想添加另外两个不同的文本框与自动完成的页面。没有工作,没有给出任何具体的错误,可能是一个逗号遗漏了一些东西或类似的东西,如果有人能看一下代码并纠正我,那就太好了。谢谢 <div class="form-group"> @Html.LabelFor(x => x.ProductRecord_Name) @Html.TextBoxFor(x => x.ProductRecord_Name, new { @class = "form
<div class="form-group">
@Html.LabelFor(x => x.ProductRecord_Name)
@Html.TextBoxFor(x => x.ProductRecord_Name, new { @class = "form-control uppercase" })
@Html.HiddenFor(x => x.ProductRecord_Id)
@Html.ValidationMessageFor(x => x.ProductRecord_Id)
</div>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
var products = [
@{
bool addComma1 = false;
foreach (StockControl.Models.ProductRecord product in Model.ProductRecords)
{
if (addComma1)
{
<text> @Html.Raw(",") </text>
}
<text> @Html.Raw(string.Format("{{ value: \"{0}\", label: \"{1}\" }}", product.Id, product.Name)) </text>
addComma1 = true;
}
}
];
$("#ProductRecord_Name").autocomplete({
minLength: 0,
source: customers,
focus: function (event, ui) {
$("#ProductRecord_Name").val(ui.item.label);
return false;
},
select: function (event, ui) {
$(this).val(ui.item.label).change();
$("#ProductRecord_Id").val(ui.item.value);
return false;
}
});
</script>
@LabelFor(x=>x.ProductRecord\u名称)
@Html.TextBoxFor(x=>x.ProductRecord_Name,new{@class=“form control uppercase”})
@Html.HiddenFor(x=>x.ProductRecord\u Id)
@Html.ValidationMessageFor(x=>x.ProductRecord\u Id)
$(文档).ready(函数(){
var乘积=[
@{
bool addComma1=false;
foreach(StockControl.Models.ProductRecord模型中的产品记录product.ProductRecords)
{
if(addComma1)
{
@Html.Raw(“,”)
}
@Html.Raw(string.Format(“{{value:\”{0}\”,标签:\“{1}\”}>,product.Id,product.Name))
addComma1=真;
}
}
];
$(“#ProductRecord_Name”).autocomplete({
最小长度:0,
资料来源:客户,
焦点:功能(事件、用户界面){
$(“#ProductRecord_Name”).val(ui.item.label);
返回false;
},
选择:功能(事件、用户界面){
$(this.val(ui.item.label).change();
$(“#ProductRecord_Id”).val(ui.item.value);
返回false;
}
});
这一切都很好,问题是当我尝试向JS添加更多代码时……不确定实际的布局,数组是相互跟踪还是分开$(document)。ready(function()函数:
(这看起来对吗?)看不出我错过了什么
<script type="text/javascript" language="javascript">
$(document).ready(function () {
var products = [
@{
bool addComma1 = false;
foreach (ACCS.StockControl.Models.ProductRecord product in Model.ProductRecords)
{
if (addComma1)
{
<text> @Html.Raw(",") </text>
}
<text> @Html.Raw(string.Format("{{ value: \"{0}\", label: \"{1}\" }}", product.Id, product.Name)) </text>
addComma1 = true;
}
}
];
var unitsOfSale = [
@{
bool addComma2 = false;
foreach (ACCS.StockControl.Models.UnitOfSaleRecord unit in Model.UnitOfSaleRecords)
{
if (addComma2)
{
<text> @Html.Raw(",") </text>
}
<text> @Html.Raw(string.Format("{{ value: \"{0}\", label: \"{1}\" }}", unit.Id, unit.Name)) </text>
addComma2 = true;
}
}
];
var caseSizes = [
@{
bool addComma3 = false;
foreach (ACCS.StockControl.Models.CaseSizeRecord caseSize in Model.CaseSizeRecords)
{
if (addComma3)
{
<text> @Html.Raw(",") </text>
}
<text> @Html.Raw(string.Format("{{ value: \"{0}\", label: \"{1}\" }}", caseSize.Id, caseSize.Description)) </text>
addComma3 = true;
}
}
];
$("#ProductRecord_Name").autocomplete({
minLength: 0,
source: products,
focus: function (event, ui) {
$("#ProductRecord_Name").val(ui.item.label);
return false;
},
select: function (event, ui) {
$(this).val(ui.item.label).change();
$("#ProductRecord_Id").val(ui.item.value);
return false;
}
});
$("#UnitOfSaleRecord_Name").autocomplete({
minLength: 0,
source: unitsOfSale,
focus: function (event, ui) {
$("#UnitOfSaleRecord_Name").val(ui.item.label);
return false;
},
select: function (event, ui) {
$(this).val(ui.item.label).change();
$("#UnitOfSaleRecord_Id").val(ui.item.value);
return false;
}
});
$("#CaseSize_Name").autocomplete({
minLength: 0,
source: caseSizes,
focus: function (event, ui) {
$("#CaseSize_Name").val(ui.item.label);
return false;
},
select: function (event, ui) {
$(this).val(ui.item.label).change();
$("#CaseSize_Id").val(ui.item.value);
return false;
}
});
</script>
$(文档).ready(函数(){
var乘积=[
@{
bool addComma1=false;
foreach(ACCS.StockControl.Models.ProductRecord模型中的产品记录product.ProductRecords)
{
if(addComma1)
{
@Html.Raw(“,”)
}
@Html.Raw(string.Format(“{{value:\”{0}\”,标签:\“{1}\”}>,product.Id,product.Name))
addComma1=真;
}
}
];
var单位销售额=[
@{
bool addComma2=false;
foreach(ACCS.StockControl.Models.UnitOfSaleRecords模型中的记录单位UnitOfSaleRecords)
{
if(addComma2)
{
@Html.Raw(“,”)
}
@Html.Raw(string.Format(“{{value:\“{0}\”,标签:\“{1}\”}>,unit.Id,unit.Name))
addComma2=真;
}
}
];
变量大小=[
@{
bool addComma3=假;
foreach(ACCS.StockControl.Models.CaseSizerRecord模型中的大小记录CaseSizerRecords)
{
如果(ADDCOMA3)
{
@Html.Raw(“,”)
}
@Html.Raw(string.Format(“{{value:\“{0}\”,标签:\“{1}\”}>,caseSize.Id,caseSize.Description))
addComma3=真;
}
}
];
$(“#ProductRecord_Name”).autocomplete({
最小长度:0,
资料来源:产品,
焦点:功能(事件、用户界面){
$(“#ProductRecord_Name”).val(ui.item.label);
返回false;
},
选择:功能(事件、用户界面){
$(this.val(ui.item.label).change();
$(“#ProductRecord_Id”).val(ui.item.value);
返回false;
}
});
$(“#单位刻度记录_名称”).autocomplete({
最小长度:0,
资料来源:unitsOfSale,
焦点:功能(事件、用户界面){
$(“#UnitOfSaleRecord_Name”).val(ui.item.label);
返回false;
},
选择:功能(事件、用户界面){
$(this).val(ui