设置下拉框不能选择并且可以传值

HTML选择器默认值设置

最新推荐文章于 2020-10-19 11:15:26 发布

椰壳子

最新推荐文章于 2020-10-19 11:15:26 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Mia_Zhu/article/details/75113879

Javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在HTML中通过设置<select>标签属性来控制默认选中项的方法。此方法利用'onfocus'和'onchange'事件保持用户的选择状态。

<select onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
    <option value='0'>否</option>
    <option value='1' selected>是</option>
</select>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

椰壳子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue3+ts实现PC端和客户端模拟鼠标右键出现下拉框并且下拉框内容区分文件和文件夹

Missxu1895的博客

07-02

216

首先实现第一步：新建一个rightMenu.vue，文件夹和文件靠fileType区分（fileType='folder’是文件夹，fileType='file’是文件）。在pc端和客户端要展示用户上传的文件夹和文件，效果等同于我们在电脑上右键点击文件夹和文件时出现的下拉框，只是下拉框里面的内容要是自己定义的对于文件夹的操作，如下显示。第一步先建一个公共的下拉框组件，组建里面包括了所有的操作（文件夹的和文件的），然后在组件中进行根据类型做判断，判断文件夹的只显示文件夹的，文件只显示文件的。

layui 数据表格下拉框_LayUi数据表格中嵌套下拉框

weixin_29435115的博客

12-24

3105

layui嵌套下拉框实用方法(附效果图)在做项目时遇到一个问题，在layui 的数据表格table里面如何做一个下拉框呢？效果图如下：这样的效果想必是最理想的了思路分析：我们可以通过layui的表单监听的方式实现效果form.on('select(stateSelect)',function(){});接下来我就直接开诚布公，放源码首先：我们设置一下下拉框的样式，进行美化一下/* 设置下拉框的高...

参与评论您还未登录，请先登录后发表或查看评论

select-disabled-传值

04-07

select下拉框不可编辑，但可以传值到后台

select标签设置只读的方法（下拉框不可选但可传值）

weixin_34357267的博客

04-18

1171

转自：https://www.cnblogs.com/lxcmyf/p/6856161.html select标签设置只读的方法（下拉框不可选但可传值） 1. <select id="s1" name="s1" onfocus="this.defaultIndex=this.selectedIndedx;" onchange="this.selectedIndex=this.def...

禁用select并可传值

一只很酸de橘子

06-29

1105

大家知道, 对于HTML控件select, 是沒有readOnly属性的,所以设置它并不起作用,如:1<select id="select1" readonly="readonly">2<option value="aa">aa</option>3<option value="bb">bb</option

select 设置不可用，提交表单时能传值

fenyu8的专栏

10-19

974

表单要设置select为不可用时，如果直接设置disabled,提交表单时，值无法传递到后台。可以用以下方法设置不可用，这样下拉框就不能选择当前值以外的选项，同时提交时，值能传递到后台。 var oriCurrencyVal = $("#idORI_CURRENCY").val(); $("#idORI_CURRENCY").children().each(function(){ var curOptionVal = $(this).val(); if(oriCurrency

Django forms表单 select下拉框的传值实例

09-19

本文将深入探讨如何在Django forms中创建一个包含`select`下拉框的表单，并且理解其传值机制。首先，我们需要在`forms.py`文件中定义一个自定义的表单类，例如`SignupForm`。在这个类中，我们创建字段（fields），...

详解ASP.NET MVC 下拉框的传值的两种方式

10-15

总结，ASP.NET MVC中下拉框的传值可以通过ViewBag和Strongly Typed ViewModel两种方式进行。ViewBag方法虽然简便，但可能导致类型安全问题；而ViewModel方法则提供了更好的类型检查和更强的绑定。根据项目需求和团队...

如何设置select只读不可编辑且select的值可传递

09-28

当select下拉框元素具有disabled属性时，它会呈现为灰色，且用户不能对其作出选择，同时其值在表单提交时不会被包含在请求中。为了在不更改用户界面上视觉体验的前提下，使得select的值能够被提交，可以采用...

select不可编辑可以传值到后台

WY001的博客

09-28

1663

&amp;lt;select class=&quot;span3&quot; name=&quot;type&quot; disabled=&quot;disabled&quot;id=&quot;type&quot; style=&quot;height:33px;background:gray;color:black&quot

js使select标签option为不可选

tianye_uu的专栏

11-26

3490

实现select标签的部分option为不可选有两种方法:1. 使用optgroup标签及其label属性.兼容于IE,FF.例子如下: <style type="text/css" media="all"> option.readOnly {background:#ccc;color:#666;} </style> <select onchange="if(th...

select设置disabled后无法向后台传值

banjing_1993的博客

03-21

2533

有时候需要设置select下拉框某个option被选中，且该下拉框无法下拉，最简单的方法就是设置 disabled = "disabled",但是会出现这个select选中的值无法向后台传递的问题解决方法：在提交之前设置disabled失效，比如我想设置我所有的select标签里面的disabled属性失效 $("select[disabled]").each(fun...

C# 怎么设置下拉框只能选不能修改

最新发布

08-20

<think>我们正在处理一个关于C#中设置下拉框（ComboBox）只允许选择而不允许用户编辑的问题。根据引用[1]：在C#中，我们可以通过设置ComboBox的DropDownStyle属性为DropDownList来实现这一功能。引用[2]和[3]也提到了类似的概念，即设置下拉框为不可编辑。具体步骤： 1. 在设计时，可以在属性窗口中找到DropDownStyle属性，将其设置为DropDownList。 2. 在代码中，我们可以这样设置：comboBox1.DropDownStyle = ComboBoxStyle.DropDownList; 注意：DropDownStyle属性有三个枚举值： - DropDown: 默认值，用户可以编辑文本框部分，也可以打开下拉列表选择。 - DropDownList: 用户不能编辑文本框，只能通过下拉列表选择。 - Simple: 文本框一直显示，列表也一直显示（不常用）。因此，要实现只可选择不可编辑，我们应选择DropDownList。另外，引用[1]还提到了一些其他操作，如获取选中项的值、下标，设置下拉框的最大显示项数等，但用户当前的问题只关注如何设置只选不可编辑。因此，回答将重点放在如何设置DropDownStyle属性上。同时，根据系统指令，我们需要生成相关问题。</think>### C# 设置下拉框只可选不可编辑的方法在 C# 中，要实现下拉框（ComboBox）**只能选择不能修改**的功能，需设置 `DropDownStyle` 属性为 `DropDownList`，具体操作如下： #### 方法一：属性窗口设置（设计时） 1. 选中窗体中的 ComboBox 控件 2. 在属性窗口中找到 **DropDownStyle** 属性 3. 将默认值 `DropDown` 改为 **`DropDownList`** > 此时用户只能通过下拉列表选择值，无法直接输入文本[^1]。 #### 方法二：代码设置（运行时） ```csharp // 在窗体初始化事件中设置 private void Form1_Load(object sender, EventArgs e) { comboBox1.DropDownStyle = ComboBoxStyle.DropDownList; // 关键设置 } ``` #### 补充说明： 1. **获取选中值**： `string value = comboBox1.SelectedItem.ToString();` 2. **设置默认选项**： `comboBox1.SelectedIndex = 0;` // 设置第一项为默认选中 3. **下拉框长度调整**：在属性窗口中取消勾选 `IntegralHeight`，然后手动拖动下拉箭头调整显示区域[^1]。 4. **最大显示项数**： `comboBox1.MaxDropDownItems = 5;` // 限制下拉列表最多显示5项 > 注意事项： > 设置 `DropDownList` 后，用户无法通过键盘输入修改内容，只能通过鼠标选择预设选项[^3]。 --- ### 相关问题 1. 如何实现 ComboBox 的动态数据绑定？ 2. 当 ComboBox 设置为不可编辑时，如何验证用户是否已选择有效项？ 3. ComboBox 的下拉列表项过多时，如何优化显示性能？ [^1]: C#下拉框属性设置指南 [^3]: combobox qt 设置不可更改_c# 实现comboBox“只能选择不能修改”