2 weixin 42705194 weixin_42705194 于 2018.10.11 10:47 提问

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

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

5个回答

showbo
showbo   Ds   Rxr 2018.10.11 12:09
已采纳

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

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

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

ththcc
ththcc   2018.10.11 11:48

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

PGKE915
PGKE915   2018.10.11 11:59

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

bluepigya
bluepigya   2018.10.11 12:45

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
IE6下, div层被select下拉框遮挡解决方案
在div层里面加入:   设置下div的z-index大于iframe的z-index, 这样就不会被select下拉框遮挡住了。
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题,但是真机测试的时候,iPhone手机的输入框就只有上边框或者就是有阴影,下拉框干脆就没有边框查了很多,发现对于这个问题没有太多的解释,我分享一下我的解决办法在input和select的css样式中加上-webkit-appearance: none;但是这样下拉框就没有下拉的三角了,这时候再给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
IE下Select下拉框宽度无法自适应Bug
问题描述: IE6到IE8,Select下拉框宽度无法自适应宽度,当option中的宽度超多select的宽度时,会被截取,如图: 【注】该问题在IE9+、Chrome、FireFox等浏览器中不存在。 解决思路: 当鼠标移到select元素时将其宽度置为auto; 鼠标移开时恢复为原定宽度。 代码(基于jQuery): $(functio
遇到问题---谷歌浏览器select返回后选中无效
有select用法如下: ${bean.name} 首次进入页面 选中没问题,但是发现 在谷歌浏览器或者 iPhone中 点击返回键 选中失效。 解决方法: 在进页面时  把select选中的值赋给  select    -------------需要引入jQuery的js,然后用如下代码: $(function(){
select下拉列表操作,如何兼容于IE和firefox
1.在为select 添加option时,如果用$(city).add(new Option(array[1],array[0])),只能兼容于ie;   2.删除 option 在 firefox 是 select.remove(selectedIndex),而不是 options.remove()输出 option[x].innerText 在 firefox 下用 options[x].
IE9无法显示下拉菜单解决办法
 IE9无法显示下拉菜单解决方案 不知什么时候IE浏览器突然变成了这样,下拉菜单无法显示(或可以选择,但文字无法显示) 搞了半天终于解决了,怕以后忘记了,赶紧记录下来 1、IE9不支持AJAX编码,所以按F10,选择工具——兼容性视图设置——在兼容性视图中选择所有网站 2、Internet选项——高级——勾选使用软件呈现而不使用GPU呈现.
安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决
今天遇到个让人崩溃的问题: 平台: 安卓 4.0 描述: 使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板。 说明: 发现 webkit 内核 position:fixed; 和HTML的 select 标签有冲突, 只要 select 区域上(上方都不用说了被遮盖了肯定无效)或下方存在 固定定位
用angularJS的ng-model绑定到select上,会自动增加一个value为空的option,去掉此空格
增加前html: 增加ng-model后: 在FF中审查元素,你会发现它自动添加了一个空的option项,如下图 解决方案: 方法一:将select中的一个option设置为空,就可以防止因添加ng-model自动添加空option的问题,在本例中      方法二:自己预先添加一个value为空的option,再用ng-if="fa