需要与QUOT;在选择选项风格转换使用及QUOT时提交;与JS角 [英] Select option style change on submit when using "required" with Angular JS

问题描述

为什么选择选项表单元素改变风格的提交表单的时候？

Why do select option form elements change style when the form is submitted?

HTML:
<div ng-controller="TestController">
    <form name="test" ng-submit="formSubmit()">
        <select name="selectFormItem" ng-options="selectFormItemValue.value as selectFormItemValue.text for selectFormItemValue in selectFormItemValues" ng-required="true" ng-model="testModel" class="selectStyle">
            <option value=""></option>
        </select>
        <button id="testSubmit" type="submit">Submit</button>
    </form>
    <br/><br/>
    <span>{{selectFormItemValues}}</span>
    <br/><br/>
</div>

JS:
    function TestController($scope) {
        $scope.selectFormItemValues = [{'value':0, 'text':'value0'}, {'value':1, 'text':'value1'}];

        $scope.formSubmit = function formSubmit() {
            alert("dummySubmit!");
        }
    }

CSS:
body {
    font-family: Helvetica;
    font-size: 14px;   
}
.selectStyle {
    padding: 5px;
    width: 150px;
}

的jsfiddle： http://jsfiddle.net/nEzpS/22/

我注意到，当必需的设置选择窗体部件上它发生。

I noticed it happens when "required" is set on select form member.

编辑：
经测试，在Chrome的版本：23.0.1271.97，24.0.1312.52

Tested in Chrome versions: 23.0.1271.97, 24.0.1312.52

推荐答案

这似乎与特定的Chrome版本的bug，因为问题不会在其他浏览器present。

This appears to be a bug with certain versions of Chrome, since the issue does not present in other browsers.

这篇关于需要与QUOT;在选择选项风格转换使用及QUOT时提交;与JS角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！