占位符，并在组合框中

我有以下代码输出我的组合框：占位符，并在组合框中

<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>

它给了我一个工作组合框，问题是，在占位属性不工作，如果我点击在输入文本时，选择的值犯规获得更清晰的

任何帮助将appreaciated

来源

2014-09-24 Sashi Kant

链接到一个小提琴或演示？另外，只要看看你的代码，你可能想要为placeHolder格式化分号，它会为我扔一面红旗...... – Rob 2014-09-24 19:27:07

使用你的代码，我创建了一个工作示例，这似乎是相同作用的jqwidgets例如fiddle。有没有关于你想要改变的功能？

$(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() 
 
{ 
 
    return [ 
 
      {"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"} 
 
    ]; 
 

 
}

<link href="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js"></script> 
 
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxscrollbar.js"></script> 
 
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxlistbox.js"></script> 
 
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxbuttons.js"></script> 
 
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcombobox.js"></script> 
 

 
<div id='content'></div> 
 
<div id='jqxWidget'> 
 
</div>

来源

2014-09-25 01:37:34

好吧，我的包含与你的不同，那就是区别。非常感谢:) – 2014-09-25 16:32:09

占位符，并在组合框中

回答

相关问题