html-select 相关问题

一个HTML用户界面元素,用于从有限的选项集合中选择一个或多个选项。

Vue 3 SPA。 Select 发出 lang 并且 contentStore 不会仅在移动设备中更新内容

Vite 4.2 和 TypeScript 5.02 上的 Vue 3 SPA。 单击时选择发出 lang.value 并且在父组件 App.vue contentStore 中应该更新内容。在我的 Linux Ubu 上完美运行的典型事物......

回答 1 投票 0

清除嵌套选项 html 表单字段

有人知道如何使用 f.e. 清除表单中的选项嵌套字段吗? jQuery 还是简单的 js? 我的表格很简单(在表中): 有人知道如何使用 f.e. 清除表单中的选项嵌套字段吗? jQuery 还是简单的 js? 我的表格很简单(在表中): <table width="100%"> <tr> <td colspan="2"> <p class="form"><label>Status</label> <select class="wpcf7-form-control" name="StatusId" id="StatusId" required> <option value="1" rel="rel1">Option 1</option> <option value="2" rel="rel1">Option 2</option> <option value="3" rel="rel2">Option 3</option> </select> </p> </td> </tr> <tr rel="rel1"> <td colspan="2"> <p class="form"> <label>Some label 1</label> <select class="wpcf7-form-control" name="DepartmentId" id="DepartmentId" data-bvalidator="required" data-bvalidator-msg="required"> <option value=""></option> <option value="1">Option A</option> <option value="2">Option B</option> <option value="3">Option C</option> </select> </p> </td> </tr> <tr rel="rel2"> <td> <p class="form"> <label>Other status</label> <input class="wpcf7-form-control" type="text" name="otherStatus" id="otherStatus" /> </p> </td> <td> <p class="form"> <label>Some label 2</label> <input class="wpcf7-form-control" type="text" name="otherDepartment" id="otherDepartment" size="41" maxlength="256" /> </p> </td> </tr> </table> 问题是,如何做到这一点,当我们使用主选择更改选项时,应该清除嵌套选项。但现在他们不是了。 提前感谢您的回答,我搜索了很多解决方案,但未能申请到我的表格。

回答 0 投票 0

onChange的事件是否可以只读取内部标签的值?

我有一个选择下拉列表,其中列出了一些菜单项,但现在我想添加一个 ListSubheader。我在从我的 MenuItem 中获取 event.target.value 时遇到问题,因为我必须将它们包装在一个 div t ...

回答 1 投票 0

React中,onChange的事件是否可以只读取内层标签的值?

我有一个 Select 下拉列表,其中列出了一些 MenuItems,但现在我想添加一个 ListSubheader 并且我在从我的 MenuItem 中获取 event.target.value 时遇到问题,因为我必须将它们包装在一个 di ...

回答 0 投票 0

如何将导航按钮添加到选择组件 (MUI)

所以我有这个来自 MUI 的 Select 组件,它工作正常。从列表中选择一个项目后,路由器将推送到该位置: 这是代码: 导出默认函数

回答 1 投票 0

如何在 React 中管理多个 Select 组件的状态

我正在尝试创建一个时间表,可以使用 React Select 组件将员工分配到不同的日子。但是,我不确定如何将它们的每个状态单独管理为当前...

回答 1 投票 0

超越比较输出选项

在超越比较输出选项:html-color而不是HTML我想保存为纯文本。所以,我需要提供什么参数,请帮助 希望输出为文本文件而不是 HTML

回答 1 投票 0

Flask 在刷新时保持选择器的选项

我正在寻找一种方法来在用户选择并刷新页面(GET 请求)或发送数据(POST 请求)后保留选中的 html 选择器选项。 唯一有效的方法是

回答 1 投票 0

Tailwind CSS 更改占位符选项的文本颜色

我有一个项目需要在表单中使用选择。所有其他类型的输入都有一个浅灰色的占位符。在输入中输入的文本是黑色的。 ...

回答 1 投票 0

如何将 HTML 下拉列表中的选定值提交到 FastAPI 后端?

如何在后端使用 FastAPI 并在前端使用 HTML-Jinja2 模板提交从 HTML 下拉列表中选择的值? 到目前为止,这是我的应用程序代码: 从 fastapi 导入 FastAPI,

回答 1 投票 0

如果用户没有从 <select> 中进行选择,则使用 Javascript / jQuery 分配一个“空白”值

我希望页面在下拉列表中没有选择时发布我设置的值(“空白”)。但是,我希望选择并禁用第一个选项。有没有办法...

回答 0 投票 0

如何设置选择框选项的宽度?

图中option的宽度比select框大。我想将这些选项的宽度设置为与选择框相同,对于那些较大的选项,将文本溢出设置为省略号。任何帮助...

回答 6 投票 0

如何在 vuejs 的空值选择组件中设置默认选项?

有一个 select with v-model。最初,有空。在选项中,我还为默认值指定 null - 一切正常,默认值被替换。 但是一旦我把这个选择...

回答 1 投票 0

加载页面时使用特定的选择选项(jQuery + Ajax)

我使用 jQuery + Ajax 检索 URL,并根据某些选择选项确定显示。 选择工作正常,但我无法设置默认值。我想要 value="3" ...

回答 2 投票 0

Asp.Net中的下拉菜单

ViewBag.Years = new SelectList(Enumerable.Range(1910, DateTime.Today.Year - 1910 + 1).Select(x => new SelectListItem() { Text = x.ToString(), Value = x.ToString() }), "....

回答 1 投票 0

Jquery - 为一个选项变量赋值。

嗨,有没有人知道如何从一个变量中赋值?JQUERY: for (var dates in date_count) { $('.class-date').val(dates).append(`。

回答 1 投票 0

更改选择背景以匹配所选选项背景

我在这里有一个简单的查询: 我用两种不同颜色的选项构建了一个简单的选择:红色和绿色。 .green { 颜色:#217A23; } .red { 颜色:#AA0000; } 我这里有一个简单的查询: 我用 2 种不同颜色的选项构建了一个简单的选择:红色和绿色。 .green { color: #217A23; } .red { color: #AA0000; } <select id="select"> <option class='green'>green</option> <option class='red'>red</option> </select> 我希望关闭时选择的文本与所选文本的颜色相匹配。 因此,在下拉列表中选择绿色后,我希望选择的文本也为绿色。现在,我可以选择绿色文本,但是当菜单关闭时,“绿色”这个词仍然是黑色的。 这需要jQuery吗? http://jsfiddle.net/8zkx9yu0/ 你可以这样做,使用你现有的类: $("select").change(function() { let color = $(this).find("option:selected").attr("class"); $(this).removeClass().addClass(color); }) .green_bg { background-color: #217A23; } .red_bg { background-color: #AA0000; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="select"> <option>Select</option> <option class='green_bg'>green</option> <option class='red_bg'>red</option> </select> 使用以下代码: $("#select").on('change',(e)=>{ // to make backgroud color $('body').css({background:e.target.value}); $(e).removeClass().addClass($(e).find("option:selected").attr("class");); })

回答 0 投票 0

两个选择元素(下拉菜单)和一个条件选项。

我使用了两个选择元素(Drop Down)。第一个是项目,第二个是颜色。颜色取决于item的值。如果item的值是item1,那么颜色可以有 ...

回答 1 投票 0

自定义布雷泽选择选项--不从约束值中选择初始项目。

在创建自定义组件时,我想用一个自定义选项组件来扩展Select,这样我就可以添加额外的参数等。这是一个简化的版本。 @...

回答 1 投票 0

在动态下拉列表中,只有第一个元素是可见的。

我试图根据所选州的值建立一个依赖性的Dropdown列表,Districts。但我的代码只渲染动态下拉列表的第一个元素。

回答 1 投票 0

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