drop-down-menu 相关问题

用户界面控件GUI元素,类似于列表框,允许用户从列表中选择一个值。当下拉列表处于非活动状态时,它会显示单个值。激活后,它会显示(下拉)一个值列表,用户可以从中选择一个值。

如何在角材质的多选下拉菜单中实现搜索功能

我正在开发一个项目,我需要使用多选下拉菜单实现搜索。当我添加下面的代码时,我可以进行搜索,但我之前选择的值在新搜索后消失了。

回答 3 投票 0

将 2 个下拉列表和文本字段的值一起添加到 yii 中的另一个文本字段中显示结果

我有两个下拉列表和一个文本字段。我想将它们的值加在一起并使用 Yii 在另一个文本字段中显示结果。 在 _form 中我有这个。 我有两个下拉列表和一个文本字段。我想将它们的值加在一起并使用 Yii 在另一个文本字段中显示结果。 在 _form 中我有这个。 <tr> <td><?php echo $form->labelEx($model,'typeofpaper'); ?></td> <td><?php $data = CHtml::listData(PaperType::model()->findAll(),'id','title'); if(isset($_REQUEST['id'])) { $sel = $_REQUEST['id']; } else { $sel =''; } echo $form->dropDownList($model, 'typeofpaper', $data, array('prompt'=>'Type of Paper','options'=>array($sel=>array('selected'=>true)))); ?> <?php echo $form->error($model,'typeofpaper'); ?></td> </tr> <tr> <td><?php echo $form->labelEx($model,'deadline'); ?></td> <td><?php echo $form->dropDownList($model,'deadline', array('3hrs'=> '3 hrs', '6hrs'=>'6 hrs', '12hrs'=>'12 hrs', '24hrs'=>'1 day', '48hrs'=>'2 days', '72hrs'=>'3 days', '96hrs'=>'4 days', '120hrs'=>'5 days', '144hrs'=>'6 days', '168hrs'=>'7 days', '172hrs'=>'8 days', '196hrs'=>'9 days', '220hrs'=>'10 days', '244hrs'=>'11 days', '268hrs'=>'12 days', '292hrs'=>'13 days', '316hrs'=>'14 days', '340hrs'=>'15 days'),array('empty' => 'Select Urgency Level')); ?> <?php echo $form->error($model,'deadline'); ?> </td> </tr> <tr> <td><?php echo $form->labelEx($model,'nopages'); ?></td> <td><?php echo $form->textField($model,'nopages'); ?> <?php echo $form->error($model,'nopages'); ?></td> </tr> 尝试并遵循这些指南 根据 yiipublic string dropDownList(CModel $model, string $attribute, array $data, array $htmlOptions=array ( )) 的下拉菜单。 因为 $data 并假设 $deadlineData = array('3hrs'=>'3 hrs','6hrs'=>'6 hrs'...) 是数组并表示列表选项(value=>display),你可以使用 array_merge($data,$deadlineData) 组合两个数组,并使用 foreach 循环并获得组合结果。然后您可以继续将结果输出到文本字段中

回答 1 投票 0

下拉菜单显示不正确

我正在尝试制作一个下拉菜单,其中有由 p 标签组成的选项,其中有一个 span 标签。问题是,当我选择下拉菜单中的选项之一时......

回答 1 投票 0

如何将信号的默认值设置为 HTML select 元素中选项元素的默认值?

我正在使用Fresh/Preact。在 HTML select 元素中,我想要两件事: 接下来显示所选选项的值 信号的默认值是选项元素的默认值 一个...

回答 1 投票 0

如何为 PrimeNG 下拉列表设置可见/不可见的组项目?

当我单击组标题时,如果组中有项目,我想使组项目可见/不可见。 是否可以? 例如,我想在下拉列表中看到 3 个项目(AA、BB、CC),前 2 个选项(AA 和 BB)

回答 1 投票 0

为什么“Kontakti”的下拉菜单不起作用?

身体 { 字体系列:Arial、无衬线字体; 保证金:0; 填充:0; } #导航栏{ 背景颜色:#f2f2f2; ...</desc> <question vote="1"> <pre><code> &lt;style&gt; body { font-family: Arial, sans-serif; margin: 0; padding: 0; } #navbar { background-color: #f2f2f2; overflow: hidden; text-align: center; } #navbar a { display: inline-block; color: #333; text-align: center; padding: 20px 30px; /* Increased padding for bigger buttons */ text-decoration: none; font-weight: bold; font-size: 20px; /* Increased font size */ } #navbar a:hover { background-color: orange; color: white; } .dropdown { display: inline-block; /* Change float to display */ position: relative; /* Add position relative for dropdown positioning */ } .dropdown .dropbtn { font-weight: bold; border: none; outline: none; color: #333; padding: 20px 30px; /* Increased padding for bigger buttons */ background-color: inherit; font-family: inherit; margin: 0; font-size: 20px; /* Increased font size */ } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; text-align: left; /* Align dropdown content to the left */ } .dropdown-content a { color: #333; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; } &lt;/style&gt; &lt;/head&gt; &lt;body align=&#34;center&#34; bgcolor=#BCD9DD&gt; &lt;div id=&#34;navbar&#34;&gt; &lt;a href=&#34;AB1.html&#34; class=&#34;active&#34;&gt;Info&lt;/a&gt; &lt;a href=&#34;Ratslaukums.html&#34;&gt;Galerija&lt;/a&gt; &lt;div class=&#34;dropdown&#34;&gt; &lt;button class=&#34;dropbtn&#34;&gt;Kontakti&lt;/button&gt; &lt;div class=&#34;dropdown-content&#34;&gt; &lt;a href=&#34;#&#34;&gt;Adrese&lt;/a&gt; &lt;a href=&#34;#&#34;&gt;Tālrunis&lt;/a&gt; &lt;a href=&#34;#&#34;&gt;E-pasts&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;a href=&#34;https://www.melngalvjunams.lv/lv&#34;&gt;Par mums&lt;/a&gt; &lt;/div&gt; </code></pre> <p>不要介意大文本,但首先我最终将所有内容都集中在顶部。现在的问题是,我不知道为什么下拉菜单不起作用。</p> <p>我尝试了很多东西,因为在我将其居中之前,一切都运行良好。我不知道该怎么办,我正在向你寻求帮助。在将文本居中之前,一切正常。为什么现在不行了?</p> </question> <answer tick="false" vote="0"> <p>从#navbar<pre>中删除</pre><code>overflow:hidden</code></p> <pre><code>#navbar { background-color: #f2f2f2; text-align: center; } </code></pre> </answer> </body></html>

回答 0 投票 0

在 ASP.NET 运行时创建多级菜单?

我的数据库结构如下 表菜单>> 菜单 ID、菜单名称、链接路径、菜单描述、菜单位置、IsParent、子 ID 我正在 Masterpage 的运行时获取项目并希望显示项目属性...

回答 1 投票 0

如何创建多选下拉列表?

我有一个包含五页的 Excel 文档。在第二张表上,Private Sub Worksheet_Change (ByVal Target As Range) 下有三个代码,如下所示: 私人子工作表_更改(由...

回答 1 投票 0

如何移动下拉菜单顶部的 3 个热门国家/地区

我目前有一个显示所有国家/地区的国家/地区下拉菜单。通常我的用户会在“美国”、“英国”或“加拿大”之间进行选择。我不想要我的...

回答 3 投票 0

Yii2 网格过滤器下拉列表附加选项 arrayHelper

我想向网格中的下拉过滤器添加一个聚合选项(示例中的“所有选项”),该选项涵盖所有其他选项,如下所示: 所有选项 选项1 选项2 选项3 ... ...

回答 1 投票 0

Bootstrap 3.3.6 和 JQuery 3.1.0 不兼容?

这两个(都是最新版本)有可能不兼容吗? (片段中:本地文件为最新版本,网上检索到的文件为旧版本) 有什么吗...

回答 3 投票 0

如何在输入框中创建下拉列表?

我创建了Browser.inputBox,它只接受单个文本。但是,我需要创建一个下拉列表,我可以从列表中进行选择,而不是自己输入字符串。 输入的屏幕截图...

回答 2 投票 0

css 水平下拉菜单位于某个部分的“后面”

我已经在CSS中创建了一个水平下拉菜单,但是当我将其悬停时,下拉部分位于该部分的“下方”,所以我试图找出如何使下拉菜单越过部分...

回答 1 投票 0

react-select中的className不适用

我刚刚开始使用react-select,当我尝试使用scss添加样式时,它们不适用,我知道有一个样式选项,您可以在其中设置选项样式和控件,但我想要一个cle.. .

回答 1 投票 0

使用Wordpress二十二十四主题在移动设备中创建下拉导航菜单

我正在创建有二十四主题的wordpress网站。 我想创建像这样的图片的移动导航 我的目标 但我找不到如何修复主题。 现在 我使用

回答 1 投票 0

纯CSS可点击下拉菜单?

本教程介绍了如何使用 :hover 伪类在悬停时设置 HTML 元素的样式,以及如何在将鼠标悬停在纯 CSS 中的特定元素上时创建下拉菜单(不使用任何

回答 4 投票 0

纯CSS多级下拉菜单

我之前没有对多级、纯 CSS 下拉菜单做过很多工作,但我现在正在寻找最干净的方法。当我在网上搜索这个时,我发现......

回答 7 投票 0

允许用户向 Google 表格中的下拉列表添加文本

在 Google 表格中,我想向用户显示不同选项卡上列表中的下拉列表。我希望用户能够输入自己的文本,如果他们正在寻找的内容不在 l...

回答 2 投票 0

下拉菜单自行关闭

嗨,我的页面上有一个下拉菜单。 当我单击下拉列表选择某个值时,下拉列表会打开然后自行关闭。 我必须重复此操作 4-5 次才能选择一个值。 信息:- 数据

回答 4 投票 0

如何根据用户从选择下拉菜单中所做的选择来启用/禁用和更改某些链接的颜色

你好。 任何帮助将不胜感激!。 我有一个 html 文件,其中有一个带有 5 个选项的选择下拉菜单,在它的下面有一个尚未确定数量的链接。 当用户

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.