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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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
下拉框组件在IE8下的问题解决
问题现象:点击下拉按钮,弹出的下拉菜单不正常。如下图所示: 但在其它页面,使用该“下拉框组件”时,显示又是正常的。如下图:   一开始以为是IE8的兼容问题,我也懒得抽时间来解决这个。说实话,现在越来越讨厌IE浏览器。 后来发现,其它页面中又不存在这个问题。我又认为可能是出问题的页面中存在的CSS与该“下拉框组件”的样式冲突导致。不过,也没有立即着手解决这个问题。 今天在整理资料时,
select下拉框在IOS中背景变黑、出现阴影问题
select下拉框在ios自带浏览器中,会自带黑色背景及阴影,解决方法: 设置其样式的时候加上-webkit-appearance: none; 但此时select下拉框点开的小箭头也会消失,所以这种情况下可以设置background: url(……)  no-repeat  right ;background-size: xx ; 来自己添加下拉箭头,或用其他方式自己添加。...
简单的自定义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
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
下拉框样式在不同浏览器的简单兼容
---恢复内容开始--- 通常我们一个简单的&amp;lt;select&amp;gt;&amp;lt;/select&amp;gt;里面再放option就是最简单的一个下拉框,然而不同浏览器对select的解析却不同。尤其是万恶的ie。 网上的做法就是先把默认的样式清除,我再做一个小图标放在框里。 /*清除iIE的默认选择框样式*//*select::-ms-expand { display: none; }*/ /...
解决移动端input框及下拉框内阴影问题
1.input: 设置input的样式时加上:-webkit-appearance: none;这样之后input输入框就会像Android上一样正常显示。 name="name"  placeholder="用户名" style="  -webkit-appearance: none;"> 2.select: 使用select出现如上现象时,在设置其样式的时候同样
bootstrap的select下拉框显示问题
在使用bootstrap的select下拉框的时候,点击下拉框,下拉的窗口会把外层的标签撑开出现滚动条,操作起来不是很方便。把外围的标签设置overflow:hidden后,下拉窗口部分被遮住隐藏了。这该怎么解决? 方法:http://www.yayihouse.com/yayishuwu/chapter/1082
select下拉框、input输入框在IOS中背景变黑、出现阴影
移动开发:苹果手机中,select下拉框、input输入框背景变黑、出现阴影现象的解决方案。
解决IE浏览器下select下拉框默认样式问题
在项目中,某个页面由于监控控件需要在IE上运行,导致IE上select下拉框无法清除样式,影响美观。
安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决
今天遇到个让人崩溃的问题: 平台: 安卓 4.0 描述: 使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板。 说明: 发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突, 只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位
如何让<s:doubleselect>标签的两个下拉框在一行显示
在使用了的时候,你可能会发现最终在显示连个可以联动的下拉框的时候,两个下拉框不在一行显示,如果你想让他们可以在一行显示,你可以使用如下的方法: 方式一:自己写一个样式,不让这两个下拉列表去换行.我用的是类样式。 .xxx br{display: none} 在这里我要特别说明一下 1.在你的标签里有一个theme属性,它的默认值是xhtml。theme="xhtml"的
在IE中正常的JS语法报错问题及解决方法
我在JS开发中,碰到这样一个怪异的问题,我写了多个JS脚本,同样写法的JS代码,在一个脚本中能够正常运行,在另一个脚本中总是报错,让我郁闷了一个星期! 最后,我找到原因了! 注意,这个问题大家也可能会碰到,希望能够给大家一个启发。 原来是因为我在系统中使用了UTF-8编码,然后我用Dreamweave中编写js代码,其中出错的那个js文件为了提高程序可读性,我加了很多汉字注释,就是这些注释导...
select下拉框有了空行怎么办
select下拉框有了空行怎么办1、问题背景     今天,在做select下拉框时,出现了一个空行选择项2、实现源码 --请选择季节-- 春季 夏季 秋季 冬季 3、问题说明     经过调试发现,select下面多了一个;于是,我发现默认选项中标签不匹配     修改后:
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格
增加前html: 增加ng-model后: 在FF中审查元素,你会发现它自动添加了一个空的option项,如下图 解决方案: 方法一:将select中的一个option设置为空,就可以防止因添加ng-model自动添加空option的问题,在本例中      方法二:自己预先添加一个value为空的option,再用ng-if="fa
模拟下拉框,IPAd,iOS不兼容
*{margin: 0;padding: 0;} .dian-ul { display: none; width: 100px; height: 100px; position: absolute; left: 0; top: 20px; } .dian{ width: 60px; height: 100px
chrome手机模式调试AngularJs项目时,点击不了select里面的内容
用Chrome浏览器调试项目时,发现无法点击select标签的内容(前端采用angularjs框架)。代码如下: 请打分 -- 请选择 -- {{item}} 问题原因:由于同时引入了ionic框架,导致angularjs框架无法使用。
使用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
关于火狐IE浏览器select样式问题
1.可用: &amp;lt;style type=&quot;text/css&quot;&amp;gt; select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webk...
IE10中下拉框 title被遮挡以及部分option无法显示的问题
在IE10和IE11中,选中下拉框最下方的数据项,鼠标盘旋在下拉框各个选项上,发现选中焦点上方的选项无法提示title;在IE10中option的title容易被下拉框覆盖。当然这些显示问题在chrome中并不存在。 解决方法:1. 每次将选中条目置于下拉框第一个位置,这样其他所有条目都可以显示title;2. 由于在ie10中提示的title容易被下拉框覆盖,加zIndex属性设置option
如何实现select前台效果
引言          如何和公司的设计师交流甚多,才知道,公司的设计师,真的是“牛牪犇”,非但如此,他们的眼睛也是犀利到不 行,真的是“1px”必争啊!但也正是因为他们,所以前台确实收获挺多,毕竟前台一直是我的弱项,如今,js,css, jQuery信手拈来。下边以select的前台效果实现的demo说明一下。 最简单的select        先来看看最简单的se
IE 下 SELECT 小箭头乱码
最近项目中,出现了一个比较奇葩的问题,就是在 IE 浏览器下,select 标签自带的小箭头乱码了显示成一个乱七八糟的字符。如图: 首先问题说明:不是前端的事!不是前端的事!不是前端的事! 但是对于领导和客户而言,页面不正常就是前端的事,跑不了。所以,解决它! 这个问题原因是操作系统中的字符文件丢失,然后浏览器无法解码了。 解决方案:     找字体修复工具,360啥的,自己研究下。
angularjs二级联动下拉框出现空白项,value带有问号的解决方案
餐廳位置 (香港/九龍/新界/離島/澳門)                                                     餐廳地區       <select style="display: block; height: 36px;" name="user_district" id="user_district" class="left select
select2在IE浏览器中点击无反应解决方案
今天在测试兼容性问题时出现很奇怪的事情,页面中使用了select2下拉框搜索,当同一个select2下拉框点击一次之后,发现再次点击时不再访问服务器,后来发现是由于IE浏览器本身存在缓存问题,IE浏览器默认在访问同一个方法时,第二次访问时不会访问服务器,直接从缓存中获取数据。 那么如下是我解决问题的过程: ①我打开发者调式发现如下图 这时页面中拿到的数据永远都是一样的,即使是切换页面访问...
苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题,但是真机测试的时候,iPhone手机的输入框就只有上边框或者就是有阴影,下拉框干脆就没有边框 查了很多,发现对于这个问题没有太多的解释,我分享一下我的解决办法   在input和select的css样式中加上-webkit-appearance: none; 但是这样下拉框就没有下拉的三角了,这时候再给select标签加上背景图就好了   ...
select下拉框样式优化,去掉默认下拉箭头,兼容ie
参考:https://www.jianshu.com/p/9fb7610f398d
easyui 1.3版本select下拉框 请选择失效,为必录项 -问题等
直接看演示:     正确         1.初始化进来的时候点击请选择的时候置灰,变为非必录项 2.点击结算方式的任意一个下拉框变为 必录项    正确            3.此时在点击请选择的时候,按理说会还原到第一个非必录项的并且是置灰的,debugger 进去的时候方法也走了,但是就是不好用还是  '请选择  的时候还是为必录项,正常是非必录 并且是置灰的'     ...
Angularjs 关于在使用Angularjs的时候下拉框的第一个选择为空白
如果数据时静态的话需要去控制器中创建一个对象数组,例如 $scope.num = [{id:&quot;10&quot;},{id:&quot;20&quot;},{id:&quot;30&quot;}];//下拉框的值 option标签的代码为: &amp;lt;option ng-repeat=&quot;x in num&quot; value=&quot;{{x.id}}&quot;&amp;gt;{{x.id}}&amp;lt;/option&amp;gt; 然后在select标签中
ie 在select中,option 默认显示空的不管用,angular4
&amp;lt;option selected=&quot;selected&quot; disabled=&quot;disabled&quot;  style='display: none' value=''&amp;gt;&amp;lt;/option&amp;gt;   disabled=&quot;disabled&quot;   这个不能加,加的话在首次加载会忽略掉。
select标签在手机端点不出下拉框,在pc端能正常点开
select标签在手机端点不出下拉框,在pc端能正常点开,是一个嵌入app的h5页面,写了select在pc端功能正常,但是在移动端点都点不开,这是怎么回事 代码如下 &amp;lt;li&amp;gt; &amp;lt;p&amp;gt; &amp;lt;label for=&quot;marketOperatorId&quot;&amp;gt;市管员id&amp;lt;/label&amp;gt; &amp;lt;select n...
H5中实现IOS的select下拉框效果(iosselect)组件
移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个picker组件来统一各端下各种浏览器的展示。 iosselect是在webapp下的一个picker组件,可以轻松实现各类选择器效果。比如地区选择 时间选择 日期选择等。 iosselect接口丰富,适用于多类场景     可以定制依赖关系,规定各层级之间是否有关联。...
解决手机浏览器和微信中select中border:none;无用和去掉小三角
设置select的边框为none;在PC端是没有问题的,但是放到手机浏览器和微信里上还是会出现边框 解决办法: 1 appearance:none; 2 -moz-appearance:none; /* Firefox */ 3 -webkit-appearance:none; /* Safari 和 Chrome */ appearance使用方法: 1 .elmCl
对于input autocomplete防止自动填入和获取焦点下拉记忆的问题处理 自动显示浏览器记住的密码bug修改
项目中拥有充值和提现页面,都会有密码输入框,但是登录所记住的密码 会在password属性的input中下拉显示 而且会自动填入,客户要求 不能自动填入和下拉显示记忆, 所以我就在百度中各种搜索,可是都没有太满意的 都是些各种autocomplete和获取焦点时修改type为password 什么的 试过之后只有第一次获取焦点时候好使,后面就并没有什么卵用 只好自己琢磨...
html 简单select样式修改并兼容IE浏览器
//去掉ie下select下拉箭头按钮 select::-ms-expand { display: none; } .history-select{ width: 120px; height: 30px; display: none; outline: none; background-color: #002c53; border: no
兼容火狐浏览器的select下拉框样式
解决方法   &amp;lt;link href=&quot;http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&amp;gt; &amp;lt;style&amp;gt; @-moz-document url-prefix() { select.form-con...
解决IE6、7、8中的按钮、select边框背景色
解决IE6与IE7中的按钮多出1px的内边框问题 参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统:Windows] 自古多情空余恨——这话太适合形容我此时此刻的心情,IE6/IE7这俩自作多情的浏览器经常让我愤恨不已。 这故事、这bug是这样的: 默认的按钮我不爱它,所以我想给它一个我觉得漂亮的背景,但是长度又
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
微信内置浏览器下拉出现网址解决办法
&amp;#13; 微信h5页面下拉露出网页来源的解决办法,将document的touchmove事件禁止掉就行了 //禁止页面拖动document.addEventListener('touchmove', function(e) { e.preventDefault();}, false);&amp;#13; &amp;#13; &amp;#13; &amp;#13; &amp;#13; &amp;#13; &amp;#13; ...
解决<select>的option过多而造成的下拉过长的方法
先来解释解释我标题所形容的问题。我相信大家在实际项目中肯定遇到过。 先来看看以下代码片: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 在google浏览器效果如下: ie8效果如下: 点击的按钮样式会表现不一: 当我们点击的时候: google
文章热词 以太坊私网电脑运行多个节点 机器学习 机器学习课程 机器学习教程 深度学习视频教程
相关热词 c++为什么运行的时候不出现运行窗口 c++65535为什么会转成-1 c++ map中为什么会有空值 为什么学python 狗熊会python培训班

相似问题

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实现省、市、县的下拉同步?
4
htmlunit模拟浏览器访问页面,请问怎么设置页面停留时间
3
html和easyui,移动已经display none的元素会触发重绘重排吗?下有详细
13
为什么给图片设置width:100% 它的高度并没有跟着变化
3
这个js document.write();为什么不可以更新时间?希望来个原理
6
鼠标移动事件,为什么底层元素不触发?
3
为什么这个margin-top会影响父元素?
0
使用mathjax输入的函数公式,使用jqprint插件打印的时候公式出现乱码!
2
jq选择元素的时候总是遇到些莫名其妙的问题