select下拉框在浏览器运行的时候为什么会多一个空值?

为什么代码里只定义了两个值,浏览器运行会多出一个空值?图片说明图片说明

0

5个回答

content1要初始化过,要不就是undefined。如果ng-model名称不是content1,记得修改下面的代码,初始化为你其中任意一个option的valu值

     <script>
        angular.module('myApp', [])
        .controller('myCtrl', ['$scope', function ($scope) {
            $scope.list = []
            $scope.content1 = "A"////////
3

图片说明
亲爱的,你的标签写错了,你没发现嘛

1

你的select是不是有其他的Javascript函数操作了,我本地测试没有问题哦,可以正常显示两个,没有空值。

0

我本地测试也是没有问题的 是不是浏览器兼容问题

0

把Class = “form-control” 去掉试试

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的。是时候展现真正的技术了!
其他相关推荐
select下拉框、input输入框在IOS中背景变黑、出现阴影
移动开发:苹果手机中,select下拉框、input输入框背景变黑、出现阴影现象的解决方案。
select在ie浏览器和其他浏览器样式问题
ie中取掉下拉箭头: 样式中加入 select::-ms-expand {             display: none;         } 其他浏览器取掉下拉箭头:-webkit-appearance: none; 重写select样式: . select {                  appearance: none;             background: ...
select下拉框在IE和火狐下样式问题
custom js select * { margin:0;padding:0;border:0 none;font-family:arial,helvetica,sans-serif;} body { padding:10px;} #current,#options { border:1px solid #999;} #replace {cursor:default;over
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
angularjs二级联动下拉框出现空白项,value带有问号的解决方案
餐廳位置 (香港/九龍/新界/離島/澳門)                                                     餐廳地區       <select style="display: block; height: 36px;" name="user_district" id="user_district" class="left select
安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决
今天遇到个让人崩溃的问题: 平台: 安卓 4.0 描述: 使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板。 说明: 发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突, 只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位
解决IE浏览器下select下拉框默认样式问题
在项目中,某个页面由于监控控件需要在IE上运行,导致IE上select下拉框无法清除样式,影响美观。
如何实现select前台效果
引言          如何和公司的设计师交流甚多,才知道,公司的设计师,真的是“牛牪犇”,非但如此,他们的眼睛也是犀利到不 行,真的是“1px”必争啊!但也正是因为他们,所以前台确实收获挺多,毕竟前台一直是我的弱项,如今,js,css, jQuery信手拈来。下边以select的前台效果实现的demo说明一下。 最简单的select        先来看看最简单的se
用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格
增加前html: 增加ng-model后: 在FF中审查元素,你会发现它自动添加了一个空的option项,如下图 解决方案: 方法一:将select中的一个option设置为空,就可以防止因添加ng-model自动添加空option的问题,在本例中      方法二:自己预先添加一个value为空的option,再用ng-if="fa
select下拉框在IOS中背景变黑、出现阴影问题
select下拉框在ios自带浏览器中,会自带黑色背景及阴影,解决方法: 设置其样式的时候加上-webkit-appearance: none; 但此时select下拉框点开的小箭头也会消失,所以这种情况下可以设置background: url(……)  no-repeat  right ;background-size: xx ; 来自己添加下拉箭头,或用其他方式自己添加。...
IE10中下拉框 title被遮挡以及部分option无法显示的问题
在IE10和IE11中,选中下拉框最下方的数据项,鼠标盘旋在下拉框各个选项上,发现选中焦点上方的选项无法提示title;在IE10中option的title容易被下拉框覆盖。当然这些显示问题在chrome中并不存在。 解决方法:1. 每次将选中条目置于下拉框第一个位置,这样其他所有条目都可以显示title;2. 由于在ie10中提示的title容易被下拉框覆盖,加zIndex属性设置option
解决select右侧下拉箭头在ios上不兼容的问题
解决select右侧下拉箭头在ios上不兼容的问题
苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题,但是真机测试的时候,iPhone手机的输入框就只有上边框或者就是有阴影,下拉框干脆就没有边框查了很多,发现对于这个问题没有太多的解释,我分享一下我的解决办法在input和select的css样式中加上-webkit-appearance: none;但是这样下拉框就没有下拉的三角了,这时候再给select标签加上背景图就好了...
input输入框、select下拉框在安卓与ios上的兼容性问题
一、input输入框    在平常做移动端项目时,如果不注意的话,在ios系统上经常会出现这种问题,点击输入框,输入框获取焦点,此时苹果手机页面会自动放大,而安卓手机不会出现这种问题。    问题在哪:    出现这种问题的主要原因是,meta部分,书写有问题     &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-sca...
AngularJS系列之select下拉选择第一个选项为空白的解决办法
今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就变成空白了,而且选中其中非空白的地方,第一个选项的空白位置又奇妙的消失了。今天就举几个例子给大家介绍一下种种情况的处理办法,下面首先给出一个具体例子介绍一下:&amp;lt;!DOCTYPE html&amp;gt; ...
简单的自定义select 下拉框,兼容IE
IE浏览器下 的select 实在是各种…… 不好看……,可是项目要求至少兼容IE11 , 为了长得好看些,只能手动去编辑一个类似 select 的存在了, 测试过IE9 以上,有不对的欢迎指出 备忘,直接上代码: &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;me
如何让<s:doubleselect>标签的两个下拉框在一行显示
在使用了的时候,你可能会发现最终在显示连个可以联动的下拉框的时候,两个下拉框不在一行显示,如果你想让他们可以在一行显示,你可以使用如下的方法: 方式一:自己写一个样式,不让这两个下拉列表去换行.我用的是类样式。 .xxx br{display: none} 在这里我要特别说明一下 1.在你的标签里有一个theme属性,它的默认值是xhtml。theme="xhtml"的
select下拉框有了空行怎么办
select下拉框有了空行怎么办1、问题背景     今天,在做select下拉框时,出现了一个空行选择项2、实现源码 --请选择季节-- 春季 夏季 秋季 冬季 3、问题说明     经过调试发现,select下面多了一个;于是,我发现默认选项中标签不匹配     修改后:
下拉框组件在IE8下的问题解决
问题现象:点击下拉按钮,弹出的下拉菜单不正常。如下图所示: 但在其它页面,使用该“下拉框组件”时,显示又是正常的。如下图:   一开始以为是IE8的兼容问题,我也懒得抽时间来解决这个。说实话,现在越来越讨厌IE浏览器。 后来发现,其它页面中又不存在这个问题。我又认为可能是出问题的页面中存在的CSS与该“下拉框组件”的样式冲突导致。不过,也没有立即着手解决这个问题。 今天在整理资料时,
IE9无法显示下拉菜单解决办法
 IE9无法显示下拉菜单解决方案 不知什么时候IE浏览器突然变成了这样,下拉菜单无法显示(或可以选择,但文字无法显示) 搞了半天终于解决了,怕以后忘记了,赶紧记录下来 1、IE9不支持AJAX编码,所以按F10,选择工具——兼容性视图设置——在兼容性视图中选择所有网站 2、Internet选项——高级——勾选使用软件呈现而不使用GPU呈现.
遇到问题---谷歌浏览器select返回后选中无效
有select用法如下: ${bean.name} 首次进入页面 选中没问题,但是发现 在谷歌浏览器或者 iPhone中 点击返回键 选中失效。 解决方法: 在进页面时  把select选中的值赋给  select    -------------需要引入jQuery的js,然后用如下代码: $(function(){
IE 下 SELECT 小箭头乱码
最近项目中,出现了一个比较奇葩的问题,就是在 IE 浏览器下,select 标签自带的小箭头乱码了显示成一个乱七八糟的字符。如图: 首先问题说明:不是前端的事!不是前端的事!不是前端的事! 但是对于领导和客户而言,页面不正常就是前端的事,跑不了。所以,解决它! 这个问题原因是操作系统中的字符文件丢失,然后浏览器无法解码了。 解决方案:     找字体修复工具,360啥的,自己研究下。
angularjs select 选择默认显示空白以及第一行空白的解决方法
最近需要加个select功能,以前是直接暴力写个<option value="" disabled>--请选择--</option> 这样就可以默认显示这个选项了,但是这样做的效果还是不够好。就像我现在需求,默认显示就是要指定其中一个选项而不是这个多余的选项,下面是解决的代码。<select ng-model="countrys" ng-init="countrys=countries[0]" ng
AngularJS select首项空白问题解决方案
原因 ng-model绑定的是后台的默认项,与select中是不同的引用。意思也就是说,现在select中没有初始值,所以会有空白。 解决方案 肯定是给select的赋初始值。 方法一:用ng-init来初始化select    ng-model="sysType" ng-init="sysType=1" ng-options="x.id as x.type for x in sy
清除浏览器默认表单边框/背景特效和下拉菜单背景
大家应该都留意到类似谷歌和火狐浏览器中都会有自己默认的样式设置,比如谷歌浏览器所有的表单都会添加黄色边框特效。当网站本身就已经对于表单样式有一定的设计时,这种默认表单样式就会让人觉得多余了!这里我们介绍下如何去掉Chrome谷歌浏览器默认的input、textarea的边框(border)和背景(background) 及Chrome下不可更改textarea大小。 可以用下面的代码去掉所有
网页中换行符处出现感叹号的情况
之前在开发一个web项目的时候,用的字体是在css中外部引入的。出现了个很奇怪的现象: 在IE和Edge中,&amp;lt;br&amp;gt;的地方都出现了个&quot;!&quot; 后来找出的原因应该是字符和浏览器内核渲染的问题,解决方法就是 将 &amp;lt;br&amp;gt;的font-size设置为0 这样就可以正常显示换行效果了...
easyui中的panel 在火狐浏览器中显示不全
以防下次忘,写一篇吧:
如何去除ie的select下拉框箭头图标
select { width: 100%; height: 34px; border: solid 1px #0086EA; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right:34px; padding-left: 10px; /*将默认的select选择框样式清除*/ appearance:none; -moz-a
解决移动端input框及下拉框内阴影问题
1.input: 设置input的样式时加上:-webkit-appearance: none;这样之后input输入框就会像Android上一样正常显示。 name="name"  placeholder="用户名" style="  -webkit-appearance: none;"> 2.select: 使用select出现如上现象时,在设置其样式的时候同样
使用Vue框架Select元素在ie11加载页面时显示异常
&amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;select id=&quot;sl&quot; v-model=&quot;selected&quot;&amp;gt; &amp;lt;option disabled value=&quot;&quot;&amp;gt;请选择&amp;lt;/option&amp;gt; &amp;lt;option value=&quot;1&quot;&amp;gt;A&amp;l
AppCan页面select下拉选择框选中没响应
一.问题描述 最近遇到用户反映的一个问题,在webview页面选择select下拉选择框和点击按钮没有相应,根据了解所知道,原来是之前为了兼容 Android 8.1系统,而更新了JS SDK1.1.4这个版本的后才出现问题,于是通过 chrome://inspect/#devices 命令调试(不知道在appcan平台怎么调试的 可参考 https://www.jianshu.com/p/63...
select下拉框与层之冲突
在做站时遇到一个问题,弹出的层盖不住下面的下拉列表,网上找了找,说这是ie6的一个bug,但也不能是因为ie的bug就不解决了,看看别人的站,怎么有的就能被盖住呢,看看源代码,原来人家用的不是select,而是用模仿的,其他东西都做好了,再改这个有点麻烦!接着再找,说是放个在要弹出的里会好使,也没说搁哪个部分,是把里面的东西框起来还是放哪都行,只能试着看了。弄了半天也没管用,再搜,嘿嘿,就找到了下
解决手机浏览器和微信中select中border:none;无用和去掉小三角
设置select的边框为none;在PC端是没有问题的,但是放到手机浏览器和微信里上还是会出现边框 解决办法: 1 appearance:none; 2 -moz-appearance:none; /* Firefox */ 3 -webkit-appearance:none; /* Safari 和 Chrome */ appearance使用方法: 1 .elmCl
PLSQL select into 为空的时候 报错的处理方法
在存储过程中select column into t_prop 。。。 当查询不到值的时候会报错,这时候的处理方法为: 使用聚合函数,比如: create or replace procedure test is t_prop varchar2(20); begin select max(sales_no) into t_prop from sales_card where
一分钟拿到一个自定义下拉框select来使用
        虽然面试的时候是说自己想专注于java后台开发,但开发过程中肯定也会有种种其它问题需要去解决嘛。这不,项目经理说要在一个下拉框中放一个X的Y次方这类的数据。尝试发现原生的下拉框select中使用&amp;lt;sup&amp;gt;标签并不起作用。 虽然我对前端的东西并不是很熟,但是程序猿不能说不!即使要根据心情来改变主题这种需求也要想办法去解决! 所以呢自己就鼓捣出来了一个还算能用的自定义下拉框...
关于select2的使用——解决点击瞬间下拉框消失的问题
这几天项目使用select2作为下拉框的控件。今天突然发现一个问题。在点击下拉框选择值的时候,下拉列表瞬间消失。拦也拦不住。只有瞬时将鼠标放到搜索框中或者是旁边的滚动条时,才会定住。怎么回事? 开始以为是select2或者js的原因。所以我把页面上的其他元素一点点剥离,情况没有消除。剥离地只剩骨架了,还是闪跳。 又怀疑是select2自身的原因,是不是最近更新了,或者某些不着调的理由。所以去他
不同浏览器上input与select宽度显示不同的本质原因
做表单开发时经常碰到一个问题,input和select是其中最常用的两个标签,但是有个问题很棘手。input和select是两种不同的和模型,如果只是简单的将两者的width设置成一样,将会出现下面的效果: *{margin:0;padding:0;} body{margin: 50px;} input{outline-style: none;}
解决IE8固定宽度下拉列表中option内容显示不全问题
原文链接:http://clocker321.blog.163.com/blog/static/6350577200982794537757/ 详细代码(取自链接): function FixWidth(selectObj) { var newSelectObj = document.createElement("select"); newSelectObj =
【element-ui】el-dialog中使用el-select,下拉列表被挡住的解决办法
一开始以为没获取到列表数据,后来发现有, 只是下拉列表被模态框挡住了,定位到每次鼠标经过打开dialog的按钮时,dialog的层级都会递增; 后来找到element-ui中的源码的这一行: 发现这样dialog的层级就不会递增了(固定在2000),列表也能正常展示了。 但是不确定会不会对其他组件造成影响,目前还没发下,如果有问题再来更新。 这句代码的路径: ...
【Ant Design】Modal 中Select组件下拉选项随页面滚动与Select框分离异常
背景: 使用Ant Design,在Modal组件中使用Select组件,当点击Select组件出现下拉选项后滚动原始页面,出现下拉选项和Select框分离的异常。 异常图片: 异常代码: &amp;lt;Select&amp;gt; // some &amp;lt;Option&amp;gt;&amp;lt;/Option&amp;gt; &amp;lt;/Select&amp;gt; 问题点: Select组件有个API  get...

相似问题

5
select下拉框在浏览器运行的时候为什么会多一个空值?
0
pycharm进行HTML网站编程测试的时候右上角无法打开浏览器,没有合适的权限访问这个项目
3
为啥每次跳转的时候都会自动在链接地址后面加上类似#.W6yImfmf5F_的字符
3
从数据库中获取文件转成的byte[] 文件名 文件类型。我要怎么拨给浏览器下载
1
html 两个平行的DIV中间为什么会有右边DIV后面的内容
1
javascript 当数字为空的时候 标签样式为display:none
6
为什么我的html请求没有被拦截器拦截呢
4
为什么hover实现不了后面的dispalynone隐藏的图片
5
使用ajax和php,ajax的返回结果为什么一直是php代码?
8
浏览器兼容性问题、求大神们帮忙看一下
1
前端开发的时候一直有一个疑问
10
需要c币的看这里,简单问题请教:html5种如何使用javascript实现省、市、县的下拉同步?
3
htmlunit模拟浏览器访问页面,请问怎么设置页面停留时间
3
html和easyui,移动已经display none的元素会触发重绘重排吗?下有详细
13
为什么给图片设置width:100% 它的高度并没有跟着变化
3
这个js document.write();为什么不可以更新时间?希望来个原理
6
鼠标移动事件,为什么底层元素不触发?
3
为什么这个margin-top会影响父元素?
0
使用mathjax输入的函数公式,使用jqprint插件打印的时候公式出现乱码!
2
jq选择元素的时候总是遇到些莫名其妙的问题