Javascript 占位符和在组合框中选择
我有以下代码输出一个组合框：Javascript 占位符和在组合框中选择,javascript,jquery,combobox,jqxcombobox,Javascript,Jquery,Combobox,Jqxcombobox,我有以下代码输出一个组合框： <html> <head> // Included JS library </head> <body> <script> $(document).ready(function () { var moduleAutoSuggest = getModuleAutoSuggestOption(); // Create a jqxComboBox $("#
<html>
<head>
// Included JS library
</head>
<body>
<script>
$(document).ready(function ()
{
var moduleAutoSuggest = getModuleAutoSuggestOption();
// Create a jqxComboBox
$("#jqxWidget").jqxComboBox(
{
source: moduleAutoSuggest,
placeHolder : "text ...",
width: '250',
height: '25px',
disabled : false,
searchMode: 'containsignorecase',
autoComplete: true
});
obj = '';
$('#jqxWidget').on('select', function (event)
{
var args = event.args;
if (args != undefined) {
var item = event.args.item;
if (item != null)
{
obj = item;
printSelectedValue(obj);
}
}
});
});
function getModuleAutoSuggestOption()
{
var moduleAutoSuggestOption =
[
{"id" : "ALL_ICONS", "label":"All Icons"},
{"id" : "ALL_LOGOS", "label":"All Logos"},
{"id" : "ARTICLE", "label":"Newest Article"},
{"id" : "ARTICLE_SUMMARY", "label":"Headlines For 10 Newest Articles"}
];
return moduleAutoSuggestOption;
}
</script>
<div id='content'></div>
<div id='jqxWidget'>
</div>
</body>
</html>
//包含JS库
$（文档）.ready（函数（）
{
var moduleAutoSuggest=getModuleAutoSuggestOption（）；
//创建一个jqxComboBox
$（“#jqxWidget”）.jqxComboBox(
{
资料来源：moduleAutoSuggest，
占位符：“文本…”，
宽度：'250'，
高度：'25px'，
残疾人士:错,，
searchMode:'containsignorecase'，
自动完成：正确
});
obj=''；
$（'jqxWidget'）。在（'select'，函数（事件）
{
var args=event.args；
如果（args！=未定义）{
var item=event.args.item；
如果（项！=null）
{
obj=项目；
打印选择值（obj）；
}
}
});
});
函数getModuleAutoSuggestOption（）
{
var moduleAutoSuggestOption=
[
{“id”：“所有图标”，“标签”：“所有图标”}，
{“id”：“所有徽标”，“标签”：“所有徽标”}，
{“id”：“文章”，“标签”：“最新文章”}，
{“id”：“文章摘要”，“标签”：“10篇最新文章的标题”}
];
返回moduleAutoSuggestOption；
}
任何帮助都会被告知使用您的代码，我创建了一个工作示例，它的功能似乎与jqwidgets示例相同。您是否希望更改此功能
$（函数（）
{
var moduleAutoSuggest=getModuleAutoSuggestOption（）；
//创建一个jqxComboBox
$（“#jqxWidget”）.jqxComboBox（{
资料来源：moduleAutoSuggest，
占位符：“文本…”，
宽度：'250'，
高度：'25px'，
残疾人士:错,，
searchMode:'containsignorecase'，
自动完成：正确
});
obj=''；
$（'jqxWidget'）。在（'select'，函数（事件）{
var args=event.args；
如果（args！=未定义）{
var item=event.args.item；
如果（项！=null）
{
obj=项目；
打印选择值（obj）；
}
}
});
});
函数getModuleAutoSuggestOption（）
{
返回[
{“id”：“所有图标”，“标签”：“所有图标”}，
{“id”：“所有徽标”，“标签”：“所有徽标”}，
{“id”：“文章”，“标签”：“最新文章”}，
{“id”：“文章摘要”，“标签”：“10篇最新文章的标题”}
];
}