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下拉框有了空行怎么办
select下拉框有了空行怎么办1、问题背景     今天,在做select下拉框时,出现了一个空行选择项2、实现源码 --请选择季节-- 春季 夏季 秋季 冬季 3、问题说明     经过调试发现,select下面多了一个;于是,我发现默认选项中标签不匹配     修改后:
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; }*/ /...
select下拉框在IOS中背景变黑、出现阴影问题
select下拉框在ios自带浏览器中,会自带黑色背景及阴影,解决方法: 设置其样式的时候加上-webkit-appearance: none; 但此时select下拉框点开的小箭头也会消失,所以这种情况下可以设置background: url(……)  no-repeat  right ;background-size: xx ; 来自己添加下拉箭头,或用其他方式自己添加。...
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...
兼容火狐浏览器的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...
安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决
今天遇到个让人崩溃的问题: 平台: 安卓 4.0 描述: 使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板。 说明: 发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突, 只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
select下拉框、input输入框在IOS中背景变黑、出现阴影
移动开发:苹果手机中,select下拉框、input输入框背景变黑、出现阴影现象的解决方案。
“select初始化时值为空白,但选择下拉option内却没有空白”的实现
       小白一枚,前段时间被这个问题困扰,网上搜了很久,没找到可用的资料,今天突然灵感一来,想到了对这个问题的一个可行办法。总体思路是:在初始化的时候,给select里面构造一个空白的选项,但是在第一次点击的时候,又把这个空白的选项删掉,这样就能使得select选择框在初始化时值为空白,但当点击选择框显示下拉列表时,里面却没有空白的那个选项。        html如下: &amp;lt;s...
遇到的下拉菜单兼容性问题~firefox和chrome
写代码遇到兼容性问题,chrome和firefox下的下拉菜单表现的不一样,前者刷出来会显示空白,然后下拉才会有选项,后者直接把第一个选项显示,这就来了一个问题,我要做的一个页面是要通过ngModelChange触发不同的页面显示,如果已经有值,而且是用户期望,用户不选择,就不会触发,换句话说,我就是希望一刷出来就是空白,用户下拉才出来选项~   邮件发出来了也没有人理我,项目太忙了吧~连测试都
angularjs二级联动下拉框出现空白项,value带有问号的解决方案
餐廳位置 (香港/九龍/新界/離島/澳門)                                                     餐廳地區       <select style="display: block; height: 36px;" name="user_district" id="user_district" class="left select
简单的自定义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
解决移动端input框及下拉框内阴影问题
1.input: 设置input的样式时加上:-webkit-appearance: none;这样之后input输入框就会像Android上一样正常显示。 name="name"  placeholder="用户名" style="  -webkit-appearance: none;"> 2.select: 使用select出现如上现象时,在设置其样式的时候同样
AngularJS系列之select下拉选择第一个选项为空白的解决办法
今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。 相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就变成空白了,而且选中其中非空白的地方,第一个选项的空白位置又奇妙的消失了。 今天就举几个例子给大家介绍一下种种情况的处理办法,下面首先给出一个具体例子介绍一下: 想学习分布式、微服务、JVM、多线程...
解决DIV在IE下被下拉列表select穿透的问题(一)
      最近项目中要用到DIV浮动层效果,但是却遇到DIV在IE下被下拉列表select穿透的问题。Google了一把,找到了两个jQuery插件。先来介绍一下JavaEye网友freeway2000的jquery.contextbox插件。他在《用jQuery动手写一个插件:实现一个下拉框效果》中也有详细介绍,不过我还是自己动手写了一下。         示例代码如下:    &amp;lt;htm...
模拟下拉框,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
使用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
select在ie浏览器和其他浏览器样式问题
ie中取掉下拉箭头: 样式中加入 select::-ms-expand {             display: none;         } 其他浏览器取掉下拉箭头:-webkit-appearance: none; 重写select样式: . select {                  appearance: none;             background: ...
解决DIV在IE下被下拉列表select穿透的问题(二)
       有的朋友可能会认为上面那个插件用起来还有点复杂,而且不能够被拖动。jQuery实现的这个插件很N,它就是jquery.bgiframe。        这个插件是下载地址是:http://plugins.jquery.com/project/bgiframe。        关键代码如下: $('#div1').bgiframe;         以下是示例代码:     &amp;lt;...
vue 动态select 在ie中不显示数据的问题
最近在用vue开发过程中遇到了动态select在ie中不显示数据的问题。 简要描述:动态的select需要从后端取值并赋值,在谷歌其它高级别的浏览器中没问题,ie中出现数据已更新但是页面并无数据且相应的DOM也并无加载。 解决方案:我是将异步获取数据的方法写在 beforeMount 钩子中(详细的请访问vue官网关于钩子函数的介绍);同时可以采用同步请求,html中直接使用&amp;lt;optio...
苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题,但是真机测试的时候,iPhone手机的输入框就只有上边框或者就是有阴影,下拉框干脆就没有边框 查了很多,发现对于这个问题没有太多的解释,我分享一下我的解决办法 在input和select的css样式中加上-webkit-appearance: none; 但是这样下拉框就没有下拉的三角了,这时候再给select标签加上背景图就好了 ...
select 标签 默认样式在火狐和ie浏览器上下拉箭头难看!谷歌ok! 在网上找到的解决下拉箭头的样式
select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ ...
input输入框、select下拉框在安卓与ios上的兼容性问题
一、input输入框    在平常做移动端项目时,如果不注意的话,在ios系统上经常会出现这种问题,点击输入框,输入框获取焦点,此时苹果手机页面会自动放大,而安卓手机不会出现这种问题。    问题在哪:    出现这种问题的主要原因是,meta部分,书写有问题     &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-sca...
不同浏览器上input与select宽度显示不同的本质原因
做表单开发时经常碰到一个问题,input和select是其中最常用的两个标签,但是有个问题很棘手。input和select是两种不同的和模型,如果只是简单的将两者的width设置成一样,将会出现下面的效果: *{margin:0;padding:0;} body{margin: 50px;} input{outline-style: none;}
如何让<s:doubleselect>标签的两个下拉框在一行显示
在使用了的时候,你可能会发现最终在显示连个可以联动的下拉框的时候,两个下拉框不在一行显示,如果你想让他们可以在一行显示,你可以使用如下的方法: 方式一:自己写一个样式,不让这两个下拉列表去换行.我用的是类样式。 .xxx br{display: none} 在这里我要特别说明一下 1.在你的标签里有一个theme属性,它的默认值是xhtml。theme="xhtml"的
解决IE6、7、8中的按钮、select边框背景色
解决IE6与IE7中的按钮多出1px的内边框问题 参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] [操作系统:Windows] 自古多情空余恨——这话太适合形容我此时此刻的心情,IE6/IE7这俩自作多情的浏览器经常让我愤恨不已。 这故事、这bug是这样的: 默认的按钮我不爱它,所以我想给它一个我觉得漂亮的背景,但是长度又
select在各个浏览器中的兼容性问题
我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同,下面我们通过对主要CSS属性的支持,打造全兼容select。 对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试三种情 况:height.100.padding.0、height.no.padding.10
html select下拉框上显示空的实现方法
在之前的博文中, 我们讨论了可编辑的html下拉框的间接实现, 在本文中, 我们来看看如果将html的下拉框显示为空白。         先看代码: 1 2 3 4 test function test() { var x = document.getElementById("xxx"); x.
IE10中下拉框 title被遮挡以及部分option无法显示的问题
在IE10和IE11中,选中下拉框最下方的数据项,鼠标盘旋在下拉框各个选项上,发现选中焦点上方的选项无法提示title;在IE10中option的title容易被下拉框覆盖。当然这些显示问题在chrome中并不存在。 解决方法:1. 每次将选中条目置于下拉框第一个位置,这样其他所有条目都可以显示title;2. 由于在ie10中提示的title容易被下拉框覆盖,加zIndex属性设置option
select的下拉列表选不中问题
一般是受到父级以上元素mouseleave事件中overflow:hidden设置的影响, 解决方案: 找到这个绑定mouseleave事件的父级别元素,在对应的事件中加阻止overflow的执行; 例如:leave(event){              let e=event.relatedTarget || event.toElement;              let el=e...
解决select下拉箭头在IE中iframe下的兼容问题总结
先说说遇到的问题: 项目代码中用到了select下拉标签,要兼容Chrome、opera、IE等主流浏览器,其中IE要兼容到IE8版本,select的自带样式很不美观,所以样式选择了重写,下拉箭头引用设计的背景图片,代码类似如下: select { appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appeara...
如何去除ie的select下拉框箭头图标
select { width: 100%; height: 34px; border: solid 1px #0086EA; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right:34px; padding-left: 10px; /*将默认的select选择框样式清除*/ appearance:none; -moz-a
解决IE浏览器下select下拉框默认样式问题
在项目中,某个页面由于监控控件需要在IE上运行,导致IE上select下拉框无法清除样式,影响美观。
jquery weui下拉事件与点击事件冲突
问题是这样的,用了jquery weui的下拉加载,加载列表数据,点击进入详情。在ios系统上出现下拉会误触发点击事件,android是没有问题的。解决方法:因为html引入了fastclick.js,解决移动端click事件300ms延迟问题,去掉改js的调用就ok了 ...
ie下拉框信息显示不出来
ie的页面渲染的太快,数据跟不上,解决办法是延时,等渲染好了再加载数据。 var d = new Ext.util.DelayedTask(function(){ txtEmpId.readOnly = true; formICCard.getForm().loadRecord(smICCard.getLastSelected()); var data = smICCard.
完美解决safari、微信浏览器下拉回弹效果和上拉空白的bug
var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll = top + el.offsetHeight;
select打印样式——隐藏边框和下拉箭头
select打印样式——隐藏边框和下拉箭头 使用下面的样式可以防止下拉框在打印时出现边框和黑色的下拉箭头。 @media print { select { border: solid 1px #000; appearance: none; -moz-appearance: none; -webkit-appeara...
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
解决IE8固定宽度下拉列表中option内容显示不全问题
原文链接:http://clocker321.blog.163.com/blog/static/6350577200982794537757/ 详细代码(取自链接): function FixWidth(selectObj) { var newSelectObj = document.createElement("select"); newSelectObj =
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链价格为什么会上涨 为什么学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选择元素的时候总是遇到些莫名其妙的问题