Заполнителя и выберите в выпадающем списке

я следующий код, который выводит меня выпадающий:Заполнителя и выберите в выпадающем списке

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

Это дает мне рабочую выпадающее, проблема есть, PlaceHolder атрибута не работаю, и если я нажимаю на входном тексте, выбранное значение не получает четкого

Любая помощь будет appreaciated

источник

2014-09-24 Sashi Kant

Ссылка на скрипке или демо? Кроме того, просто глядя на ваш код, вы можете отформатировать точку с запятой для placeHolder, она бросает мне красный флаг ... – Rob

Используя свой код, я создал рабочий пример, который, кажется, функционирует идентично примеру 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

Ну, мои включительно отличались от ваших, это была разница. Спасибо большое :) –

Заполнителя и выберите в выпадающем списке

ответ

Смежные вопросы