react- select -search不允许我选择多个值
react-select-search是一个基于React的开源组件，用于创建可搜索的下拉选择框。它提供了一种简单且易于使用的方式来实现多选和单选功能。
react-select-search的主要特点包括：
- 搜索功能：它允许用户在下拉列表中搜索选项，以便快速定位所需的值。
- 多选和单选：react-select-search支持多选和单选功能。对于多选，用户可以选择多个值，而对于单选，用户只能选择一个值。
- 自定义选项：它允许开发人员自定义选项的外观和行为，包括选项的标签、值和图标等。
- 可定制性：react-select-search提供了丰富的可定制选项，开发人员可以根据自己的需求进行样式和行为的调整。
- 响应式设计：它能够适应不同屏幕尺寸和设备类型，确保在各种环境下都能提供良好的用户体验。
- 腾讯云相关产品：腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以与react-select-search结合使用，以实现更强大的功能和性能。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用程序。了解更多信息，请访问：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高性能、可靠的关系型数据库服务，适用于各种应用场景。了解更多信息，请访问：云数据库MySQL版产品介绍
- 云对象存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。了解更多信息，请访问：云对象存储产品介绍
总结：react-select-search是一个功能强大且易于使用的React组件，用于创建可搜索的下拉选择框。它支持多选和单选功能，并提供了丰富的定制选项。腾讯云提供了一系列与云计算相关的产品，可以与react-select-search结合使用，以实现更强大的功能和性能。
相关·内容
我在父组件中有下面的react select-plus组件。
<Select
onCloseResetsInput={false}
onBlurResetsInput={false}
ref={(select) => {this.select = select;}}
value={this.state.searchValue}
filterOptions={false}
onInputKeyDown={this.onInputKeyDown}
instanceId="search"
className="improved-search"
name=&
浏览 3提问于2017-11-13得票数 2
我使用asyncFetch并从SelectWiget中选择value，在任何外部单击make empty value this select之后。 我对字段使用next配置 products: {
type: '!struct',
label: 'Products',
subfields: {
title: {
type: 'select',
label: 'Name',
fieldSettings: {
浏览 14提问于2021-10-08得票数 0
我目前使用下面的javascript从下面的HTML中选择一个元素。如何同时选择多个值？
剧本：
//Select Forum
var forumselector = document.querySelector('select#forumchoice');
forumselector.value = 326;
HTML：
<select class="primary" id="forumchoice" name="forumchoice[]" multiple="multiple" tabindex=
浏览 4提问于2014-03-25得票数 1
回答已采纳
sqlite> explain query plan select max(utc_time) from RequestLog;
0|0|0|SEARCH TABLE RequestLog USING COVERING INDEX key (~1 rows) # very fast
sqlite> explain query plan select min(utc_time) from RequestLog;
0|0|0|SEARCH TABLE RequestLog USING COVERING INDEX key (~1 rows) # very fast
sqlite&g
浏览 2提问于2012-07-17得票数 6
回答已采纳
在搜索表单中有一系列的复选框，在提交表单和加载结果时，需要保留所选选项。我使用的模板表单选择，这是正确地选择3从4个输入后，表单提交(通过POST)。选择电子邮件的输入不能正常工作--奇怪的是，它只适用于某些选项。
由于选中框是模板的，所以我认为它必须与内容有某种联系。或者我只是忽略了一些很简单的东西..。
随机或非随机事实:目前有四个电子邮件地址填充选择选项.其中两个在选择和提交时不会按选择的方式重新加载，它们“碰巧”是我不只是编造的电子邮件，我已经在Firefox 56中为它们存储了登录。但是，我在Chrome上试了一下，同样的两封电子邮件也没有预先选择。其中只有一个是Chrome中保存的
浏览 4提问于2017-10-25得票数 0
4回答
我使用select2和ajax search.How来设置一些选项无法选择。例如，如下图所示
我在输入中写了一个“w”，但是下拉列表中的第一行不是来自ajax搜索的数据。如何设置它不能被选择或不显示它？
html代码
<select id="normalSymptom" name="normalSymptom" class="form-control select2-multiple" multiple > </select>
javascript代码
$('#normalSymptom').sele
浏览 3提问于2016-11-02得票数 0
回答已采纳
谁能给我解释一下为什么我的表单不能正常工作：
<%= form_for current_user, url: change_my_team_path, method: :put, remote: true, id: "my-team-form" do |f| %>
<div class="countries" id="england">
<%= f.select :team, options_for_select(select_apl
浏览 0提问于2016-10-17得票数 0
2回答
我想要一个参数从查询(或其他任何东西)加载可用值，并“允许多个值”。当我这样做时，列表以"Select All“开头。
这很好，但是似乎没有办法将参数默认为"Select All“，这在我的情况下是不能接受的。此特定报告将有8个可选参数，如果必须多次选择"Select All“，这几乎不是可选的。
因此，我创建了自己的"..All“选项和接受它的代码。我可以默认这样做，但是用户会看到：
(Select All)
..All
这看起来不专业。我已经在网上找过了，似乎没有这个问题的答案。
有什么方法可以抑制(全选)或实现我需要的内容吗？有什么想法吗？
浏览 4提问于2010-08-04得票数 3
回答已采纳
2回答
我有问题，以应用选择主题到我的ui-选择在angular.js应用程序。我遵循了这里的说明- 。这看起来很简单，但是我不能让输入显示出来，
演示-
<ui-select multiple ng-model="multipleDemo.colors" theme="selectize" ng-disabled="disabled" style="width: 300px;">
<ui-select-match placeholder="Select colors...">{{$item}}&
浏览 10提问于2014-10-12得票数 2
<select multiple="multiple" size="3" name="location">
<option value="">Please select</option>
<option value="0">All</option>
<?php
foreach(get_terms('town',array('get' => 'all')) as $term)
{
if (!emp
浏览 1提问于2011-11-27得票数 1
4回答
我正在用django做一个项目，这是一个汽车租赁/销售web应用程序，搜索查询可以工作，但当我试图在ajax中提交表单时，它似乎从未进入ajax。 <div class="container">
<div class="card-header bg-info text-white">
<h4>
<i class="fas fa-car"></i> Search Car </h4>
</div>
&l
浏览 33提问于2019-05-10得票数 0
回答已采纳
在多选选择器中，可以同时使用selected text-format“static”和selected text-format“count”吗？
这是我当前的选择器：
<select id=“postcodeSelect" class="selectpicker" title="Postcode" data-size="5" data-live-search="true" multiple data-selected-text-format="static">
<option>
浏览 2提问于2018-02-13得票数 3
1回答
我之前发布了一些类似的东西，但我认为我没有很好地解释它，所以我打算包含一个更大的代码片段来突出我的问题。
我已经创建了一个访问数据库的下拉列表选择，我想有一个选择发送到一个php页面，并挑选使用。
下拉列表访问数据库并根据需要提取不同的条目，但在选择一个条目并提交它之后，我不知道如何收集另一端的变量。
出于本例的目的，我将变量发送到传输页面，并让另一个php脚本收集变量并回显内容。
正在传输页面
# parameters for connection to MySQL database
$hostname="";
$da
浏览 4提问于2014-05-23得票数 0
我的HTML页面包含3个多个选择字段(引导下拉组件)：
<select class="form-control bootstrap-select"
data-style="alpha-grey-300 pt-5 pb-5 pl-10 text-size-mini" multiple
id="associated.persons" data-live-search="true">
</select>
<select class="bootstrap-select&
浏览 5提问于2017-03-15得票数 0
回答已采纳
在更新到rails 3.2.11之后，我注意到我的应用程序中的一个搜索表单出现了问题。在看到“我们很抱歉，但出了点问题”之后。在Heroku上的消息，我检查了日志，注意到下面的错误消息：
NoMethodError (undefined method `to_i' for ["2010"]:Array):
app/controllers/skis_controller.rb:29:in `index'
这指的是索引控制器，我的搜索结果就是在这里显示的。我对实际的搜索表单使用了搜索表单partial，其中包含几个collection_selects。
索引操作中的
浏览 2提问于2013-01-16得票数 0
我已经将json数据保存在mysql数据库列中，如下所示
{“一”：“mg路图编号711 xyz"}，{”二“：”dc道路图编号711 xyz"}
像上面这样的json数据被存储在具有不同地址的所有记录中。所以我想做的是，我想搜索所有有mg路地址的客户。
因此，我尝试过JSON_SEARCH和JSON_CONTAINS，但是它总是返回给我没有找到的记录，即使一个表中有2条记录。所以我错在哪里了。
SELECT * FROM `tbl_clients_data` WHERE JSON_SEARCH(reci_address,'all', "mg roa
浏览 2提问于2019-12-23得票数 2
1回答
多选择选项
、、、
我有两个选择框，一个选择框是多重选择选项，有一个“添加更多”按钮来添加具有相同选择框的多行，这些值都是以数组格式传递的，我想打印每一行多个选择选项。
------------------------------------------------------------------
Select1 | Select2 | Textbox
------------------------------------------------------------------
Option1 Option1
浏览 5提问于2017-01-23得票数 2
我有一个书表，其中包含许多主题在我的主题表(一对多的关系)。
我试着像这样加入我的桌子：
$book = Book::latest()
->leftjoin('subjects', 'books.id', '=', 'subjects.book_id')
->select('books.*', 'subjects.subject')
->where('subject', 'like', '%' .$sear
浏览 3提问于2017-08-02得票数 0
回答已采纳
1回答
我已经使用以下方法创建了几个基于服务器数据的ui选择下拉列表。我喜欢从每个下拉列表中选择独立的项目。当我在一个下拉列表中选择一个项时，所有的下拉列表都会被分配相同的值。如何分离选定的值？
<div ng-repeat="choiceItem in menuItem.mandatoryChoices">
<ng-form name="innerModalForm1">
<div class="form-group">
浏览 1提问于2015-04-17得票数 1
回答已采纳
我有一个Form，它有几个Form.Select属性。我的onChange()适用于没有设置multiple的<Form.Select>属性。但是，它不能处理来自具有<Form.Select>集的multiple属性的选择。
我希望有一个onChange函数，它可以处理Form.Select实例的数据更改，不管是否设置了“多个”标志集。
表单类：
class SomeForm extends React.Component {
handleSubmit = event => {
event.preventDefault();
浏览 1提问于2019-08-11得票数 0
目前，我正在使用firebase身份验证。发现了许多教程，它们将自定义参数设置为这样的提供程序。
const provider = new firebase.auth.GoogleAuthProvider();
provider.setCustomParameters({ prompt: 'select_account' });
这实际上意味着设置自定义参数prompt？为什么我们需要设置这样的自定义参数-在本例中是prompt: 'select_account'？
浏览 0提问于2020-03-02得票数 2
回答已采纳
2回答
当我有一个具有值集的对象时，只有当我省略了"--Select--"参数时，它才会显示出来。
知道为什么会这样吗？
@Html.DropDownListFor(m => m.FlightDetails.AirlineId, ViewBag.AirlineList as SelectList, "--Select--", new { @class = "form-control selectpicker", @data_live_search = "true", @id = flight.Id + "AirlineId&
浏览 1提问于2020-01-01得票数 0
回答已采纳
2回答
这是我的常规代码，运行良好：
$sql = 'SELECT '
. '* '
. 'FROM '
. 'item '
. 'WHERE MATCH '
. '(title) '
. 'AGAINST '
. '(:search IN NATURAL LANGUAGE MODE) '
. 'OR MATCH '
. '(description) '
. 'AGAINST
浏览 0提问于2019-08-30得票数 0
回答已采纳
1回答
这是使用php和ajax从mysql数据库中检索姓名的代码。
更新的代码
index.php
<html>
<head>
<script language="javascript">
function showresult()
{
var product_name = document.getElementById("searchval").value;
if(window.XMLHttpRequest)
{
XMLHttpRequestObject = new
浏览 0提问于2013-04-08得票数 0
回答已采纳
我在我的搜索框中有问题，实际上我已经创建了一个多个选择的搜索框，它工作正常，
<input type="text" name="search" size=15 maxlength=15 placeholder = "Gene Symbol"/>
<select name="table[]" size = "0" multiple>
<option selected="selected"></option>
浏览 3提问于2014-05-27得票数 0
错误行289，第13列:未打开的元素"select“的结束标记
</select> <input type="image" src="http://ncrads.com/…
下面是我的代码..i已被关闭，正确选择:( :(
<select name="category" id="category" style="font-family: verdana;font-size: 11px; border: 1px solid rgb
浏览 1提问于2012-11-19得票数 0
我很难用LocalStorage.The在下拉列表中显示列表，问题是，当我再次回到我的模式时，比如下拉列表中的图像，列表没有显示，我只想在下拉列表中显示保存在本地存储中的列表。有专家知道这件事吗？提前谢谢。
，这就是我试过的
<button type="submit" class="btn btn-outline-primary" onclick="storagelocal()">Search</button>
选择选项
<select class="select2 form-control&
浏览 0提问于2020-12-15得票数 0
我试着用select2获取所有的数据，包括家长和孩子的tp秀。我找到了一个对它有用的。当我试图将“子”改为"childPools“时，出现了一个错误
Uncaught :无法读取null的属性“concat”
var FRUIT_GROUPS = [
{
id: '',
text: 'Citrus',
childPools: [
{ id: 'c1', text:
浏览 0提问于2019-09-05得票数 0
1回答
我正在使用多选的jquery chosen插件。我的select如下所示：
<select data-placeholder="chose a friend" class="chosen-select" multiple>
<?php
foreach ($my_friends as $key => $value) {
echo '<option class="friend_firstname">'.$value["name
浏览 2提问于2015-07-08得票数 1
在表单的select元素中使用Ajax 4.0时，那些打算在Select2模式下动态填充的元素在IE9中不起作用。它显示一个没有占位符的空select。
处于经典模式(预先填充的选择列表)的是显示和工作(select2 search..)正确无误。
在其他页面中使用旧版本3.5.2时，问题不会发生...！
这是一个已知的问题吗？可修复的？
Thx
下面是JS：
$(".select2Ajax").not(".select2-container").each(function(){
var min = $(this).data('min&#
浏览 0提问于2015-04-08得票数 1
我搞错了
ORA-01722:在尝试执行"select * from TABLE_X“时出现无效的数字错误
我试着过滤数据，找出是哪条记录导致了error.But --困难的是我曾经尝试过使用Select * from the Table_x，我得到了无效的数字错误。
请提出解决此错误的方法。
浏览 0提问于2019-08-28得票数 0
如何从sql数据库中获取date数据类型到java中？到目前为止，我已经使用了这段代码，但未能获取日期。
import java.sql.*;//this is my import file
String search="select * from tblflight";//select all data from my table
ResultSet rs=stmt.executeQuery(search);//puting result in temporary var
while(rs.next())
{
Date d_time=rs.
浏览 0提问于2014-04-01得票数 0
回答已采纳
我有一个html表单，其中有一个选择列表框，您可以从中选择任何一个值。考虑表单方法是post方法。表单的html代码如下所示。
<form id="form1" name="form1" method="post" action="particular_order.php?OrderId=<?php echo $Order_no; ?>" >
<?php
//$Order_no=$_GET['OrderId'];
$result = mysql_query("
浏览 0提问于2011-10-20得票数 0
回答已采纳
尝试获取页面上带有selected="selected"属性的所有选项。
页面上有许多这样的实例，但我似乎只能将第一个实例保存到数组中。
selected="selected"是如何出现的：
<select bind-event-change="disableHiddenInputs()" bind="appliesToResource6" id="link_list_links__link_type" name="link_list[links][][link_type]">
<
浏览 0提问于2015-04-25得票数 0
回答已采纳
我在x86_64-未知-linux-gnu上使用PostgreSQL 9.1.13，由gcc (Ubuntu4.8.2-16 ubuntu6) 4.8.2，64位编译
我已经面对这个错误很多天了，我认为我找到了一个解决方案:创建一个脚本来检查我的数据库表中的所有字段，然后将字段中损坏的列更新为null。
在我找到这个之前还能正常工作一段时间。
我找到了一个损坏的字段，然后我的脚本将损坏的列更新为null，然后我得到了这个.
# select * from comment where id = 7228707;
>> ERROR: missing chunk number 0 fo
浏览 1提问于2014-06-26得票数 1
我正在为我的rails应用程序使用ransack gem，但在使用multiselect时遇到了问题。我有一个工作和一个公司模式，一个公司有很多工作，一个工作属于一个公司。我想对工作执行搜索，这样人们就可以看到特定公司的工作，我做了一些研究，显然这应该在搜索表单中有效：
= search_form_for @q do |f|
= f.collection_select :company_name_cont, Company.all, :id, :name, {:multiple => true}, class: 'chosen-it'
= f.submit
浏览 0提问于2015-08-05得票数 4
我试图在选择框上捕获"enter key“事件，但它不起作用。请建议如何在angular.js中实现这一点。
<select class="form-control" ng-keyup="keyPress($event, addCDI)" tabindex="0" name="search_cdi_reason">
<option value="item1" selected="selected">item1</option>
<option
浏览 0提问于2015-10-07得票数 0
2回答
<select id="location-search" onChange="window.location.href=this.options[this.selectedIndex].value;"> >
<option value="http://dignitytech.com/efront/contact-us/">Ireland</option>
<option value="http://dignitytech.com/efront/united-kingdo
浏览 2提问于2015-04-21得票数 3
回答已采纳
我有从所见即所得编辑器中保存的html，并从数据库中提取，我需要显示我通常做的内容
<div dangerouslySetInnerHTML={{__html: content}} />
但现在我需要在另一个组件中使用格式化内容，
所以我希望如果有一个函数可以返回这样的标记var formattedContent =getMarkup(Content)//希望它能做dangerouslySetInnerHTML所做的事情
<Highlight search="Condominium" >
{formattedContent}
</High
浏览 0提问于2019-05-06得票数 0
我正在用PHP动态生成以下SQL语句，并且它返回的记录有问题。位于中间的带有大量逗号分隔值的" in“语句返回特定islandID的6条记录。但是，当运行整个语句时生成的最终结果为我提供了22条记录，这是above...any帮助中提到的同一个islandID。如果需要，我可以提供更多信息。
SELECT islandID AS parentIslandID, islandName, island.longDesc,
imageLocation, COUNT(resortID) AS totalResorts, resort.resortID
FROM island, images,
浏览 3提问于2011-08-10得票数 2
我使用的是ui-select而不是原生select。这就是问题： 用户可以在位置数组中选择pick_up地址。如果没有地址，那么他可以添加新地址。我想使用ui- select -search输入字段过滤select，如果ui-select-choices中没有搜索词，则添加新的uniq地址。我有什么方法可以做到这一点吗？ 这是我的代码： <ui-select
ng-model="order.return_address"
theme="bootstrap"
tagging="order.return_address"
浏览 51提问于2019-03-01得票数 0
回答已采纳
我正在使用插件。
<div class="form-group col-md-6">
<select class="selectpicker form-control" id="veicoli" data-style="btn-transparent" data-title="Veicoli" data-selected-text-format="static" data-live-search="true" multiple>
<
浏览 0提问于2019-03-21得票数 0
回答已采纳
因此，我在一个表中有3行
╔══════════════════════════════════════════════════════╗
║ Id TenancyId StartDate EndDate Other Data ║
╠══════════════════════════════════════════════════════╣
║ 31 5198 2016-05-02 NULL ║
║ 30 5198 2016-01-08 2016-04-07 ║
║
浏览 0提问于2016-12-01得票数 0
我正在对一些XSLT代码(适用于XML数据)进行拼写，以便理解它并用Python重写它(适用于等效的SQL数据存储)。正如您可以想象的那样，我试图尽可能少地理解XSLT，尽管仍然花费大量时间查找语法。这是我自己搞不懂的，TIA。
XSL脚本主要如下：
<xsl:template match="dataroot" mode="prior_install">
<xsl:for-each-group select="Data" group-by="SN">
<xsl:variable
浏览 2提问于2017-08-09得票数 0
回答已采纳
2回答
我有一个选择框来选择孩子的数量，当我选择选项时，必须出现其他选择框来选择年龄。 我使用这段代码来选择元素 search_page.search_room1_child.click
search_page.search_room1_child_options[1].click
search_page.search_room1_child_ages.click
search_page.search_room1_child_ages_options[8].click 我使用site-prism gem element :search_room1_child, 'select[name=&#
浏览 13提问于2020-06-12得票数 1
回答已采纳
我想在列上指定一个唯一的索引，但我也需要允许NULL值(多个记录可以有NULL值)。在用PostgreSQL进行测试时，我看到我可以有一个带有NULL值的记录，但是下一个记录会导致一个问题：
irb(main):001:0> u=User.find(5)
User Load (111.1ms) SELECT "users".* FROM "users" WHERE "users"."id" = $1 LIMIT 1 [["id", 5]]
=> #<User id: 5, email: &
浏览 0提问于2013-08-28得票数 42
回答已采纳
1回答
升级本机依赖关系的最佳方法
、、、、
最近，我加入了一家新公司，发现有许多过时的项目依赖关系，例如react导航@2.x.x、react-本机-firebase、react-原生的等等。现在我想升级所有这些依赖项。现在，另一个令人关注的问题是，其他四名开发人员正在对过时的软件包进行开发。
那么最好的方法是什么？
提前感谢
浏览 1提问于2022-05-05得票数 1
回答已采纳
我正在尝试实现搜索列表框数据，以填充文本框字段的即输即用。
我在网上阅读了一些文档和有用的资料，发现下面的链接对实现我的需求很有用，所以我使用了几乎相同的代码，但最终遇到了一个问题。
我在我的表单中有一个"Primary_skill“列表框字段，其中有100+项目，我正在尝试实现数据自动显示，根据我在表单中输入的搜索文本框字段。
我在这里运行的问题是，我无法在此处搜索中选择两个不同的项目。(我发现表单代码中的Me.refresh行有一些错误
示例来详细说明:我想选择用户primary_skills都是" db2“和"SQL server”，因为我最初能够搜索并选中了d
浏览 4提问于2012-02-10得票数 0
1回答
我试图从一个作为如何将项填充到桥接器表中的模板的表中填充一个现有的桥表。
我试图在桥接表( dbo.ECN_ChecklistItem )中插入一个新的项，其中来自dbo.ECN_ChecklistItem (SELECTed by ECNID (外键ID))的项列表与dbo.BusinessUnit_ChecklistItem (SELECTed by BusinessUnit和InUse)不同。
我得到了一个SQL异常，说明“子查询返回了一个以上的值，当子查询跟随=，!=，<，<=，>，>=或者子查询被用作表达式时，这是不允许的。”
我试图修改查询以包含'i
浏览 2提问于2017-04-11得票数 0
回答已采纳
5回答
我正在构建一个简单的 搜索 算法和我想打破我的 带空格的字符串 ，并在其上搜索我的数据库，如下所示： $search = "Sony TV with FullHD support";
$search = explode( ' ', $search );
SELECT name FROM Products WHERE name LIKE %$search[1]% AND name LIKE %$search[2]% LIMIT 6 这可能吗？
浏览 89提问于2013-04-26得票数 38
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
