C# 如何设置select(下拉框) 默认第一个option为"请选择"，分为前端和后端两种方式？

Posted 2023-03-20

前端:
<select   id="selectSport" ruanat="server">。

<option selected="selected" value="0">--请选择-- </option> 。 

<option  value="篮球">篮球 </option> 。

<option  value="足球">足球 </option>。 

</select>。

若后端:

selectSport.Items.Insert(0，"--请选择--")；

说明:(key,value) key是索引值，value是显示在下拉框的值。

扩展资料：

C#使得C++程序员可以高效的开发程序，且因可调用由 C/C++ 编写的本机原生函数，而绝不损失C/C++原有的强大的功能。因为这种继承关系，C#与C/C++具有极大的相似性，熟悉类似语言的开发者可以很快的转向C#。

类可以是抽象的和不可继承的：一个被申明成abstract的类不能被实例化，它只能被用做一个基类，C#关键字lock就像Java关键字final，它申明一个类不是抽象的，但是它也不能被另一个类的基类接口：就象在Java中一样，一个接口是一组方法集合的抽象定义。

当一个类或结构体实现一个接口的时候，它必须实现这个接口中定义的所有方法。一个单一的类可以实现几个接口，也许以后会出现一些微妙的差别，但是这个特点看起来与Java相比没有变化。

参考资料来源：百度百科-C#

参考技术A 若前端:
<select id="selectSport" ruanat="server">
<option selected="selected" value="0">--请选择-- </option>
<option value="篮球">篮球 </option>
<option value="足球">足球 </option>
</select>

若后端:
selectSport.Items.Insert(0，"--请选择--")；

说明:(key,value) key是索引值，value是显示在下拉框的值。 参考技术B 若前端：
<select id="selectSport" ruanat="server">
<option selected="selected" value="0">--请选择-- </option>
<option value="篮球">篮球 </option>
<option value="足球">足球 </option>
</select>

若后端：
selectSport.Items.Insert(0,"--请选择--");

说明：(key,value) key是索引值，value是显示在下拉框的值

希望楼主，采纳哈!本回答被提问者采纳 参考技术C

这样写！

//WinForm也这样写！
DropDownList.Items.Insert(0,“----请选择----”)

参考技术D combo.Items.Add("请选择");
combo.SelectedItem="请选择";

如何在select下拉框设置滚动条

如何在select下拉框设置滚动条？定义边框和滚动条样式(通过用层来模拟实现)。
<script>
function showHide(obj) //隐现层的函数
sh=block:"none",none:"block"
//层的display属性值在"block"和"none"间不断轮换。1、双击打开HBuilder编辑工具，新建静态页面select.html，并引入jquerymobile相关的css文件和JavaScript文件，还需要引入jquery核心文件。
2、然后需要按照图示代码利用jquerymobile布局样式设置上中下，分别使用对应的样式设置布局。
3、然后需要按照图示代码在中间布局的div标签中插入form表单，并在form表单插入一个select下拉框。
4、保存代码并预览该静态页面，可以查看到一个下拉框，点击下拉框查看效果。
5、然后需要按照图示代码再次在select下拉框标签添加属性data-mini，设置为true。
6、然后需要按照图示代码再在该下拉框select元素添加属性data-iconpos，设置值为left即可。 参考技术A 定义边框和滚动条样式(通过用层来模拟实现)。

<script>
function showHide(obj) //隐现层的函数
sh=block:"none",none:"block"
//层的display属性值在"block"和"none"间不断轮换，
//达到轮换隐藏和显示的效果
oOption.runtimeStyle.display=sh[oOption.currentStyle.display]
</script>

<!--鼠标移上id为oOption的对象时执行本段代码-->
<script event="onmouseover" for="oOption">
obj=event.srcElement
if(obj.tagName=="TD")//判断onmouseover事件是否发生在单元格上
//设置事件发生所在的单元格的背景颜色
obj.style.backgroundColor="#dedede"
//设置事件发生所在的单元格的字体颜色
obj.style.color="#FFFFFF"

</script>

<!--鼠标从id为oOption的对象上移开时执行本段代码-->
<script event="onmouseout" for="oOption">
obj=event.srcElement
if(obj.tagName=="TD") //判断onmouseout事件是否发生在单元格上
//设置事件发生所在的单元格的背景颜色
obj.style.backgroundColor="#FFFFFF"
obj.style.color="#000000"//设置事件发生所在的单元格的字体颜色

</script>

<!--id为oOption的对象被单击时执行本段代码-->
<script event="onclick" for="oOption">
obj=event.srcElement
if(obj.tagName=="TD") //判断onmouseover事件是否发生在单元格上
showHide() //隐藏层
//设置id为oSelect的对象内的文本为被点击的单元格内的文本
oSelect.innerText=obj.innerText
//设置id为C_Select的对象内的值为被点击的
//单元格的自定义属性value的值
C_Select.value=obj.value
//window.open(obj.value) //测试跳转菜单功能
本回答被提问者采纳 参考技术B 1、双击打开HBuilder编辑工具，新建静态页面select.html，并引入jquerymobile相关的css文件和JavaScript文件，还需要引入jquery核心文件。

2、然后需要按照图示代码利用jquerymobile布局样式设置上中下，分别使用对应的样式设置布局。

3、然后需要按照图示代码在中间布局的div标签中插入form表单，并在form表单插入一个select下拉框。

4、保存代码并预览该静态页面，可以查看到一个下拉框，点击下拉框查看效果。

5、然后需要按照图示代码再次在select下拉框标签添加属性data-mini，设置为true。

6、然后需要按照图示代码再在该下拉框select元素添加属性data-iconpos，设置值为left即可。 参考技术C 在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。

自然，后端就做了一项非常“漂亮”的交互体验数据——分页

这不分页还好，一分页对超过10条数据之后的本来也不多，就20条，偏偏还得做个分页器。（假设为10条）

此时，如果能够像购物商城那样拖拽到底部自动加载新数据就好了。

于是《在element-ui的select下拉框加上滚动加载》诞生了。

这里通过自定义封装vue指令进行封装。（什么是指令：官方指令叫v-on,v-model）

以下以element-ui中的select为例：
在main.js同级别文件中添加directives.js:

// directives.js

import Vue from 'vue'

Vue.directive('loadmore',
bind (el, binding)
// 获取element-ui定义好的scroll盒子
const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap')
SELECTWRAP_DOM.addEventListener('scroll', function ()

const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight
if (CONDITION)
binding.value()

)

)
v-loadmore: 用于在element-ui的select下拉框加上滚动到底事件监听
scrollHeight 获取元素内容高度(只读)
scrollTop 获取或者设置元素的偏移值,常用于, 计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.
clientHeight 读取元素的可见高度(只读)
如果元素滚动到底, 下面等式返回true, 没有则返回false
scrollHeight - scrollTop === clientHeight

这里运用到了滚动偏移来做监听来处理，这与聊天对话框中默认下拉到底部的原理是大同小异的，后续我会有专门的文章进行讲解。