1回答
根据用户输入有条件地显示表单字段
、、、、
在我的Laravel应用程序中，我有一个select表单字段，其中列出了一组国家：
<select id="js-countrySiteSelect">
<option>Select Your Country</option>
<option>United States</option>
<option>Australia</option>
<option>Germany</option>
<option>Switzer
浏览 2提问于2016-03-25得票数 1
回答已采纳
1回答
大家好，这是我的动态表单，我在此表单中使用select2搜索选项，但它不起作用
这个头
<script src="jquery-3.3.1.min.js" type="text/javascript"></script>
<!-- Select2 JS -->
<script src="select2/dist/js/select2.min.js" type="text/javascript"></script>
这是我的动态html表
浏览 1提问于2021-02-03得票数 0
1回答
我使用的引导带框架与插件。
这是一个常规的选择标记，而不是多个，下面是我使用的代码：
<select class="selectpicker show-tick" name="main_course_select" id="main_course_select" title="main" data-style="btn-primary" data-width="100%">
<?php echo get_food($mysqli,'main'); ?>
浏览 1提问于2015-08-19得票数 1
回答已采纳
是否可以使用d3.js在包含的DOM树中选择元素？
例如，我有以下代码：
html
<div id="drawRegion">
<div id="iWantToSelectThis">
</div>
</div>
<div id="iWantToSelectThis">
</div>
<script src="https://d3js.org/d3.v5.min.js"></script>
js
const drawRegi
浏览 0提问于2018-08-15得票数 0
回答已采纳
我在捕捉select的on更改事件时遇到了问题。如果选择器直接指向id，则没有问题。但是有了，它就不起作用了。你知道为什么吗？
下面是我的代码块：
<html>
<head><title></title>
<link rel=stylesheet href="css/jquery-ui-1.9.2.custom.css" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"> </scri
浏览 4提问于2013-11-07得票数 1
回答已采纳
我想用‘`bootstrap select’创建一个简单的select选项。我使用bootstrap-select来创建我的select选择器。
我在控制台中看到了这个错误。
HTML
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial
浏览 13提问于2021-05-22得票数 1
回答已采纳
如何选择选项值表单，使用jquery选择下拉列表？我使用的选择选项列表与引导插件和选择搜索插件，但选择不是一个激活。。。
$().ready(function(){
// To style only selects with the selectpicker class
$('select').selectpicker();
$('#numbers').val(3);
});
<!-- Latest compiled and minified CSS -->
<link rel="styles
浏览 4提问于2018-10-26得票数 1
回答已采纳
所以正如我的标题所暗示的。我正在使用switchy在我的站点上创建开关。现在，其中一个运行得很完美。但是我需要6个，而且我不能让一个以上的人同时工作，即使有不同的I/名称。
有人能帮上忙吗？
$('#switch-me').switchy();
<select id='switch-me'>
<option value='on'>on</option>
<option value='off'>off</option>
浏览 0提问于2013-04-30得票数 1
回答已采纳
我知道如何在更改选择下拉列表时获取所选选项标签的“值”。但是如何将关联的“文本”，即内部超文本标记语言放入JS变量"country_name“中呢？ <select name="country" class="country">
<option value="please-select" disabled="disabled" selected="selected">select country</option>
<option value=
浏览 45提问于2020-01-04得票数 0
回答已采纳
我一直在使用代码，这一切都很好，但我不能改变数据格式。另外，当我删除“$('#reservationdate').datetimepicker({”代码)时，它仍然工作，而且它不应该工作，所以我不知道从哪里开始。在没有帮助的情况下，我在adminLTE中使用了相同的示例。
我得到的是："08/21/2020下午4:32“
当我发送$_POST时，我得到的是日期之间的"\/“：
08\/26\/2020 5:20 PM
我想要的是："21/08/2020“
额外:我使用href中的链接作为日期选择器，因为我无法在“page/forms/Advance.ht
浏览 2提问于2020-08-13得票数 0
我已经使用了bootstrap select
现在，当我点击一个选项时，它应该被选中，因为它工作得很好，但当我点击相同的选项时，它应该与click和Enter按键事件一起取消选择，它是如何在多个选择上工作的，我只是想以相同的方式进行单次选择。
我已经尝试了下面的代码在点击事件时选择和取消选择，它工作得很好，但当我试图用键盘enter key做这件事时，它甚至没有被选中。
感谢任何帮助:-)
$('.selectpicker').selectpicker({
liveSearch:true,
showTick:true
});
$(document).on(
浏览 39提问于2017-12-26得票数 5
回答已采纳
我有这段js代码来删除一些隐藏的dropdown元素：
//select account from dropdown using javascript
val js: JavascriptExecutor = driver.asInstanceOf[JavascriptExecutor]
js.executeScript("$('.select-upload_company_id>.center').html(" + invoice.companyNumber + ")") //visible one
val cmd
浏览 1提问于2016-02-03得票数 0
我使用的是2 (4.0.0)。问题是，当我选择一个选项，然后选择另一个选项时，item.selected对这两个选项都是正确的--永远。我是否丢失了一些初始配置选项，或者这是一个bug？
function formatResult(item) {
console.log("item selected = ", item.selected);
return item.text;
}
$('select').select2({
templateResult: formatResult,
minimumResultsForSearch: Infi
浏览 5提问于2015-07-10得票数 2
我在使用bootstrap-select时遇到问题。当我在一个html文件中创建一个简单的select时，一切都像预期的那样工作：
<select class="selectpicker" multiple>
<option selected>Mustard</option>
<option selected>Ketchup</option>
<option>Relish</option>
</select>
从bootstrap-select.min.css
浏览 0提问于2016-01-13得票数 1
1回答
为了便于讨论，假设我有：
<select id="lvl1">
</select>
<div id="lvl2">
<select id="lvl2a">
<select id="lvl2b">
<input text id="lvl2c">
</div>
<select id="lvl3">
</select>
在file1.php中，我想用查询的结果填充<se
浏览 0提问于2012-10-31得票数 1
回答已采纳
我制作了一个可重用的条形图"barChart.js"，在我的"main.js“中，我用它制作了3个不同的图表。每个图表都有不同的y轴标签，我不知道如何在"main.js“文件中更改y轴标签。我在可重用的"barChart.js“中将y轴定义为：
var ylabel = g.selectAll(".tick text")
.append("text")
.attr("transform", "rotate(-90)")
.attr("y", 3
浏览 3提问于2018-01-02得票数 0
1回答
引导选择没有显示。
、、、
我试图使用引导-选择与我的角度项目，但它根本没有出现。
在安装带有bower的引导程序选择包之后，我的依赖项：
<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstra
浏览 3提问于2017-05-31得票数 3
我在rails应用程序上使用了Angular select-ui模块。我正在渲染一个大多数时间都能正确渲染的模式，但偶尔它会渲染并看起来像下面这样，有一些我不完全理解的错误。
请注意，在呈现页面时，显示的角度代码就好像有问题一样。
模态通常是这样的，
奇怪的是，关闭模式并重新访问它，而不需要往返到服务器就可以解决这个问题，所以可能问题与需要完全加载的dom有关？据我所知，即使保存标记数据的作用域是空的，表单仍然可以毫无问题地呈现。
基于html代码，
<div class='form-group'>
<label for=
浏览 6提问于2015-01-02得票数 2
我不知道是什么导致了DOM异常12。我发现它与无效的选择器有什么关系？
背景：
我们有一个散点图，它是一个SVG对象，里面有很多圆圈。
当您在圆圈上悬停时，我们希望能够访问它所代表的数据，以显示工具提示。
目前，我们正在通过主干监听事件(散点图落入更大的应用程序中)，因此我们可以通过e.currentTarget访问当前目标的元素节点。
第一次，我们做了
d3.select(e.currentTarget) // from here we can access the datum() method
但是由于我们现在想使用VML兼容层，所以要注意的是，如果我们想要选择svg中的元素，就必须从SV
浏览 4提问于2013-01-07得票数 1
回答已采纳
2回答
我正在与活跃的管理与应用程序工作，需要选择一个选择输入的多个值，我已经添加了Select2 gem添加所有相关的JS和Select2没有问题，但由于某些原因，选择框似乎稍微改变了他们的外观，但没有完整的Select2外观，经过检查，JS看起来不像它添加了所有正确的类......有什么想法吗？
下面是我的代码：
active_admin.css.scss
//= require select2
@import "active_admin/mixins";
@import "active_admin/base";
active_admin.js
//= requir
浏览 1提问于2013-05-30得票数 6
回答已采纳
我正在尝试用下面的HTML抓取选项值；
<select class="PI__select PI__input js-select js-select-SIZE js-select-SIZE-static"><option value="">SIZE</option><option value="43714927955">XS</option><option value="43714928019">S</option><option valu
浏览 0提问于2018-03-10得票数 1
2回答
我尝试从表单中选择一个特定的select输入，在其中我使用select2库。写道：
若要以编程方式为Select2控件选择选项/项，请使用jQuery .val()方法：
$('#mySelect2').val('1'); // Select the option with a value of '1'
因此，我尝试用值0设置输入。但是，输入没有更改。。我错过了什么？
$('.js-example-basic-single').select2({
allowClear: true
});
var myFlag =
浏览 0提问于2018-10-09得票数 2
回答已采纳
考虑到与我交互的单个select元素的id，我试着向下遍历以获得类.select2-search of select2，以便在我的函数中使用它，但没有结果。
function hideSelect2Keyboard(ID) {
var Select2Search = $('#' + ID).prev().find('.select2-drop').find('.select2-search');
console.log(Select2Search);
$(Select2Search + ' input, :focus,
浏览 1提问于2018-10-12得票数 1
回答已采纳
我正在使用多选选项的。我想在单击某个按钮时重置这些值。
下面是我的代码：
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="js/jquery.sumoselect.min.js"></script>
<link href="css/sumoselect.css" rel="stylesheet" />
<script type="text/javas
浏览 0提问于2014-12-31得票数 1
回答已采纳
我一直在尝试使用SelectBoxIt Jquery插件，但是在动态创建的选择框的display和disabled属性上遇到了问题。简而言之，如果原始选择框有一个"display:none“css属性，SelectBoxIt仍然会显示它。我通过在隐藏的容器div中插入选择框绕过了这个问题。然而，当容器div被显示时，selectboxit被正确显示，但现在被禁用。你们有什么办法解决这个问题吗？
HTML代码：
<div>
<select name="sel" id="sel">
<option value="0
浏览 0提问于2013-03-10得票数 0
1回答
我在用伊诺纳斯丹-引导-日期选择器。请先看这里的图片：
日期选择器位于Bootstrap选项卡内容控件中，并被上边距所切断。
无br标签的屏幕截图
一层br标记添加填充，从而允许完整的日期选择器显示自己。
br标签的屏幕截图包括
下面是表单的标记，在窗体组下面没有br标记：
<form class="form-horizontal mt-sm" action='' method="POST">
<fieldset>
<div class="f
浏览 2提问于2016-05-17得票数 4
2回答
一旦两个选择都被填充，我就很难更改select的值。
到目前为止，这就是我所拥有的，但它不起作用：
var counter = $('.select').length;
$('.select').change(function() {
$.each($('.select'),function(i,e) {
var t = $(this);
if (t.val() == undefined || t.val() == '') {
$('#js-market&
浏览 0提问于2015-08-28得票数 1
回答已采纳
我是跟踪这个为多选择下拉.我使用来收集DB模型中的数据。我希望在引导多选择下拉列表中显示值，但得到以下结果
我在寻找这个
这些是我的代码片段
model.py
from django.db import models
from multiselectfield import MultiSelectField
class Country(models.Model):
name = models.CharField(max_length=40)
def __str__(self):
return self.name
class Person
浏览 2提问于2021-10-26得票数 0
1回答
我添加了ng-select到一个新的角11应用程序，它似乎工作良好，直到我打开下拉。当我打开下拉时，我可以选择项目，但我没有真正看到它们。每次打开下拉列表时，控制台中都会出现3个错误：
zone-evergreen.js:659 Unhandled Promise rejection: Cannot read properties of undefined (reading 'clientHeight') ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Cannot read properties of
浏览 1提问于2022-01-25得票数 0
我只想用d3.js更新特定列的背景色，在我的例子中使用id="tr1id“
<table>
<tr>
<td id="tr1id">
One
</td>
<td>
Two
</td>
</tr>
</table>
这改变了两个tds的颜色。现在，我只想用id =
浏览 0提问于2018-07-25得票数 0
回答已采纳
我不知道有什么问题
这是select2的返回：
这是我的代码HTML：
<div class="row">
<div class="col-sm-12 form-group">
<label class="form-label-bold">Jenis</label>
<select class="select2 form-control" id="type" required>
<
浏览 4提问于2022-06-17得票数 0
2回答
我使用selenium来自动化一些网站。有一个背下来，是给我困难的时间，因为它不是本地的，因为他们使用了一些定制的设计。因此，我需要将它的css类设置为隐藏类，这样我就可以轻松地找到本地的css类。
这是在我点击它之前
这是在以下方面之后：
那么，现在如何使用js自动完成此操作呢？我尝试过这样的方法，但不起作用：
var js:JavascriptExecutor = driver.asInstanceOf[JavascriptExecutor]
js.executeScript("$('.selectpicker select').rem
浏览 0提问于2015-10-15得票数 3
回答已采纳
1回答
在引导选择器中设置多个选择值
、、、、
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/css/bootstrap-select.min.css">
<script src="https://ajax.
浏览 3提问于2020-07-09得票数 0
4回答
传递数组数据
、、、
第1页(index.php)
<?php for($i=0;$i<2;$i++) { ?>
<select id="name[<?php echo $i;?>]">
<option value="John">John</option>
<option value="Alice">Alice</option>
</select>
<input type="text" id="name-id">
<
浏览 7提问于2014-01-21得票数 1
回答已采纳
1回答
希望你做得很好，至于我的问题，我想使用Select2 jQuery插件的下拉菜单，我直接从另一个运行良好的页面复制代码，但它向我展示了下拉菜单，我尝试了所有我认为可以帮助的东西，但他们都认为我做了什么：
HTML：(整个div)
<div class="form-group row student" bis_skin_checked="1" data-select2-id="15">
<label for="lname" class="
浏览 0提问于2021-05-04得票数 0
我想使选择框和我使用sb管理2。当我写代码和运行我的程序，它不工作。请帮帮我。我的观点
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.17/dist/css/bootstrap-select.min.css">
<div class="form-group">
<select class="form-control selectpicker" id=&#
浏览 3提问于2020-06-10得票数 0
对于我的select2多选，我想要显示所选项目的数量。下面的代码说明了这一点： 对于一个选定的项目：“已选定的第1项，共2项” 对于两个选定的项目：“选定的第2个，共2个”“选定的第2个，共2个” 有没有人知道当你选择了两个选项时，如何只显示一次文本？ <!DOCTYPE html>
<html lang="en" >
<head>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css
浏览 81提问于2021-11-16得票数 1
1回答
我使用select2作为下拉选择框，并尝试更改选项的背景色。每个选项都会有单独的颜色。我尝试过在选项中添加一个style属性，但似乎不起作用。 <select class="js-example-basic-multiple form-control" id="select-tags" name="usertags" multiple="multiple">
{% for tag in userTags %}
<option value="{{ tag }}" d
浏览 97提问于2020-09-29得票数 0
回答已采纳
我希望在单击标记事件时将custom-select类选项列表复制到custom-multiple-view类中。
请允许我知道如何将各自的下拉选项列表复制到另一个下拉列表中。我做了下面的代码，但是这样做，所有的HTML页面选项都会被复制，这是我不想要的。
$('.js-control-edit').on('click', function() {
$('#select.custom-multiple-view').empty().trigger('refresh');
$('.js-control-ed
浏览 0提问于2016-05-10得票数 1
我将保留问题的原样，但请注意，我已经使用了Select2，并且所有东西都可以使用相同的webpacker配置。
我正在尝试使用webpacker中选择的-js库。Webpack没有编译，Rails提供了以下错误：
SassError: Invalid UTF-8 sequence
on line 1 of node_modules/chosen-js/chosen-sprite.png
from line 13 of app/javascript/init/index.css.scss
from line 3 of app/javascript/packs/styl
浏览 1提问于2019-12-07得票数 0
在从jQuery1.5升级到1.8之后，我得到以下错误：
Uncaught Error: Syntax error, unrecognized expression: #<div/>
更新为1.7，即：
Uncaught Error: Syntax error, unrecognized expression: >
更新到1.6没有错误。
我该怎么解决这个问题？
我从哪里开始搜索？
我是否必须在代码中搜索："<div/>"
编辑:这是Chrome告诉我的：
Uncaught Error: Syntax error, unre
浏览 5提问于2012-08-16得票数 3
回答已采纳
1回答
如何显示从“主选择”到“附加选择”的选择，以便在“主选择”中选择的内容在“附加选择”中自动选择？ import React, { useState } from "react";
import "./styles.css";
export default function App() {
const [optionValue, setOptionValue] = useState([1, 2, 3]);
const onHandleOption = () => {
return optionValue.map((i, idx) =
浏览 16提问于2020-02-01得票数 0
回答已采纳
有办法限制字段的最大高度吗？球场本身，而不是下拉式。该字段不限制最大选择数，因此我不能使用maxItems选项，也不能使用maxOptions选项，因为这适用于下拉列表。
(function($select) {
for (let i = 100; i < 202; ++i) {
$select.append('<option value="' + i + '" selected>Test ' + i + '</option>');
$select.append(&#
浏览 7提问于2022-01-21得票数 0
回答已采纳
6回答
当用户从下拉列表中选择了值Mustard时，是否可以通知用户？当它发生时，我试着给我的控制台写“你好”，但没有成功。
演示：
代码：
$('select').selectpicker();
$("select").change(function(e) {
if ($(this).is(':checked')) {
console.log('hello!');
}
});
<link rel="stylesheet" href="https://stackpath.bootstrap
浏览 0提问于2018-10-09得票数 0
回答已采纳
我正在尝试让toolttip显示在select的每个选项的右侧，但是不能。
// tooltip select demo
$('#selectdemo option').tooltip();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/boots
浏览 0提问于2015-04-30得票数 0
1回答
我的选择列表中有2个视光组，(类别和子类别)，我试图在选择子类别时显示optgroup并隐藏其他选项。
例如，如果我选择子类别中的类别(体育、音乐)，则只显示体育和音乐。
我试过使用下面的代码，但它不起作用
谢谢
$("#custom_form_names_category").on("change", function() {
var selectedVal = $(this).find("option:selected").text();
console.log(selectedVal);
$('#custom_for
浏览 6提问于2020-02-07得票数 2
回答已采纳
我试图使用rails表单中的javascript删除一个css类。
这就是我到目前为止所拥有的。目标是在drink变量为Coffee时显示表单的一部分。
这是我的表格：
<%= simple_form_for(@order) do |f| %>
<%= f.error_notification %>
<div class="field">
Drink: <%= f.select :drink, ["Coffee", "Orange Juice", "Tea"], id: 'exte
浏览 4提问于2018-08-22得票数 2
回答已采纳
1回答
选择2失败，找不到原因
、、、、
我有一个剃刀页面，包含以下内容： @section renderHead{
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
} 下拉列表： &l
浏览 11提问于2021-10-12得票数 0
回答已采纳
1回答
当您使用select2 (下拉jquery框架)时，您可以使用jquery进行漂亮的下拉操作。
如您所见，单个选择框有一个单独的搜索框，但multiselect有其搜索框内联。
有没有可能在multiselect中添加一个单独的搜索框？
$(".my-dropdown").select2();
.my-dropdown{
width: 50%;
clear: both;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"><
浏览 1提问于2016-09-16得票数 5
1回答
我在使用这个插件在多个选择框上显示表单验证时遇到了一些问题：
验证似乎只在第一个选择框上起作用。如果第一个选择框未选中，它将呈现验证错误，但是，如果下面的选择为空，它将提交表单而不进行验证。
我使用过这个插件，它可以完美地处理多个文本输入，但这是我第一次尝试多个选择框。
<form action="someactionhere" method="POST" class="form" id="errors">
<label>First Select</l
浏览 0提问于2012-07-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
