Question

我试图允许在select标记中进行搜索，但是我发现在Internet上只是按选项或ID进行搜索；我想对value.descrizione_job（value.description_job）进行部分搜索。例如，如果我输入“ ill”，则说明中必须包含“ ill”的描述

我附上我的phtml文件

class   |  Quantity | AcctV | ExtVal |
GENERAL |    20     |  49   |  980   |
RETAIL  |    0      |   0   |  0     |   <-- This should be invisible

我尝试过

var tabella ='<select class="inserisciJob">';
    if(jobsInserted){
     tabella +='<option value=""></option>'; 
      $.each(jobsInserted, function( index, value ) {
        if (value.dettaglio_job != value.descrizione_job && value.dettaglio_job != null && value.option_text != null)
            if (value.dettaglio_job != '') {
                tabella += '<option id="'+value.codice_job+'" data-codice-job="'+value.codice_job+'" data-descrizione-job="'+value.descrizione_job+'" data-da-autorizzare="'+value.da_autorizzare+'" data-dettaglio-job="'+value.dettaglio_job+'">'+value.option_text+value.dettaglio_job+'</option>';
            }else{
                tabella += '<option id="'+value.codice_job+'" data-da-autorizzare="'+value.da_autorizzare+'" data-codice-job="'+value.codice_job+'" data-descrizione-job="'+value.descrizione_job+'" data-dettaglio-job="'+value.descrizione_job+'">'+value.option_text+'</option>';
            }
      });     
    }
    tabella +='</select>';
return tabella;

但这不起作用

有人可以帮助我使用jQuery解决此问题吗？

这是我想拥有的东西，但是使用选择标记而不是数据列表：

$(document).ready(function() { 
    $("select").searchable(); 
});

非常感谢安德里亚

Answer 1

如果要按数据属性搜索：

$("select").find('option[data-dettaglio-job="' + search+ '"]').val();

如果要搜索选项文本：

$('select').find('option[text="'+ search +'"]').val();

.val();可让您获取找到的选项的值。

您可以对属性使用多种类型的搜索：https://api.jquery.com/category/selectors/attribute-selectors/（包含，以...开头，以...结尾）

在选择标签phtml中搜索

1 个答案: