Estoy creando una aplicación web Razor Pages ASP.NET CORE 3.0.
Estoy usando un menú desplegable "selectpicker" de Bootstrap que tiene "data-live-search = true". Estoy completando el menú desplegable con los nombres de los empleados. A continuación se muestra el código desplegable.
<select id="spdd" name="spdd" asp-for="employee" asp-items="@Model.employees" value="Search" style="" class="selectpicker show-tick form-control" data-live-search="true"> </select>Estoy usando la versión "1.12.4" de Bootstrap "selectpicker" -
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.js"></script>Estoy tratando de buscar y mostrar en el menú desplegable del selector de selección los nombres de los empleados que coinciden con el texto de búsqueda ingresado en un cuadro de texto. Al hacer clic en el botón de búsqueda, quiero que el menú desplegable del selector de selección muestre el resultado. A continuación se muestra el código html del cuadro de texto de búsqueda y el botón de búsqueda.
<div class="col-xs-11 col-sm-11 col-md-6 col-lg-9" style="padding-right:0px"> <input type="text" asp-for="@Model.EmployeeSearchText" class="form-control" id="EmployeeSearchText" name="EmployeeSearchText" placeholder="Enter Employee Search Text" value=""> <div class="col-xs-1 col-sm-1 col-md-6 col-lg-9 text-left" style="padding-left:0px"> <button class="btn btn-secondary" type="button" id="btnEmployeeSrch"> <i class="fa fa-search"></i> </button> </div>El siguiente es el script jquery que intenta colocar el texto de búsqueda de empleados en el cuadro de búsqueda del selector de selección y activa el cambio en el menú desplegable del selector de selección para mostrar a los empleados según el texto de búsqueda.
$("#btnEmployeeSrch").click(function () { var EmployeeSearchText = $("#EmployeeSearchText"); $('#spdd').parent().find('.bs-searchbox input').attr('value', EmployeeSearchText); $('#spdd').selectpicker('search.update') $("#spdd").trigger('propertychange'); $('#spdd').selectpicker('refresh'); })El código jquery anterior no funciona.
Pregunta: