javascript - 占位符和组合框中的选择-6ren

javascript - 占位符和组合框中的选择

转载作者：行者123 更新时间：2023-12-03 11:46:35

我有以下代码，它输出一个组合框:

<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属性不起作用，如果我单击输入文本，所选值不会变得更清晰

任何帮助将不胜感激

最佳答案

使用您的代码，我创建了一个工作示例，其功能似乎与 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>

关于javascript - 占位符和组合框中的选择，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26024702/

文章推荐： Javascript 函数调用，如 somefunction ("Hi") ("Hello") ("How")

文章推荐： coldfusion - 如何将查询列转换为ColdFusion中的列表

文章推荐： javascript - 如何因超时而停止轮询？

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 占位符和组合框中的选择