GVKun编程网logo

如何设置 HTML < select > 元素的默认值?(html如何设置select元素的默认选项框)

21

针对如何设置HTML元素的默认值?和html如何设置select元素的默认选项框这两个问题,本篇文章进行了详细的解答,同时本文还将给你拓展angularjs–如何使用ng-option来设置selec

针对如何设置 HTMLhtml如何设置select元素的默认选项框这两个问题,本篇文章进行了详细的解答,同时本文还将给你拓展angularjs – 如何使用ng-option来设置select元素的默认值、angularjs异步设置Select选择框的默认值、HTML / CSS:列表元素的默认显示值?、Html Select option 如何进行默认选择_HTML/Xhtml_网页制作等相关知识,希望可以帮助到你。

本文目录一览:

如何设置 HTML<select>元素的默认值?(html如何设置select元素的默认选项框)

如何设置 HTML

我认为在下面的元素"value"上添加一个属性集会导致默认选择包含我提供的内容:<select>``<option>``"value"

<select name="hall" id="hall" value="3">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

然而,这并没有像我预期的那样奏效。如何设置<option>默认选择哪个元素?

angularjs – 如何使用ng-option来设置select元素的默认值

angularjs – 如何使用ng-option来设置select元素的默认值

我在这里看到了Angular选择指令的文档: http://docs.angularjs.org/api/ng.directive:select。
我不知道如何设置默认值。这是混乱:

select as label for value in array

这里是对象:

{
    "type": "select","name": "Service","value": "Service 3","values": [ "Service 1","Service 2","Service 3","Service 4"] 
}

html(工作):

<select><option ng-repeat="value in prop.values">{{value}}</option></select>

然后我试图在select元素中添加一个ng-option属性来将prop.value设置为默认选项(不工作)。

ng-options="(prop.value) for v in prop.values"

我究竟做错了什么?

所以假设对象在你的范围内:    
<div ng-controller="MyCtrl">
  <select ng-model="prop.value" ng-options="v for v in prop.values">
  </select>
</div>
function MyCtrl($scope) {
  $scope.prop = {
    "type": "select","Service 4"] 
  };
}

工作Plunkr:http://plnkr.co/edit/wTRXZYEPrZJRizEltQ2g

angularjs异步设置Select选择框的默认值

angularjs异步设置Select选择框的默认值

###angularjs异步设置Select选择框的当前栏目为默认值 html

<div>
                        <labelfor="groupvalue" ng-change="gchange()" ng-model="selectGroup">更改组</label>
                        <div>
                            <selectng-model="nggroup" ng-options="a.id as a.name for a in groups">
                                <!--<option value=""></option>-->
                            </select>
                        </div>
                    </div>

angular:

$http.get('/api/v1.0/webs')
                .success(function (response) {
                    $rootScope.groups = response.allgroup;
                    $scope.groups = $rootScope.groups;
                }).error(function () {
                    alert('获取数据失败');
                });

//这里是你要给出当前栏目id,可以在html模板中给出groupid=12,然后在angularjs中取到:
$scope.nggroup=groupid;

这里是关键:$scope.nggroup 对应ng-model="nggroup"

HTML / CSS:列表元素的默认显示值?

HTML / CSS:列表元素的默认显示值?

浏览器的列表元素的默认显示值(如块或内联)是多少?

有没有可以查找类似内容的列表?我试着看看HTML5规范,但由于它有很多版本,我不知道哪一个是绑定的,或者其中任何一个都是绑定的,因为HTML5仍处于开发阶段.

最佳答案
列表(如在< ul>元素本身中)显示为块级元素.列表成员显示为list-item,这是block-ness的特例.


至于文档,您可以在Mozilla开发人员网络(https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements)上看到完整的块级元素列表,以及内联元素(https://developer.mozilla.org/en-US/docs/HTML/Inline_elements).

MDN是一个很好的资源,非常值得记住.

Html Select option 如何进行默认选择_HTML/Xhtml_网页制作

Html Select option 如何进行默认选择_HTML/Xhtml_网页制作

给某个option 添加 selected = "selected" 属性就是默认选项

如:

复制代码
代码如下:



则“通过”为默认选中。

我们今天的关于如何设置 HTMLhtml如何设置select元素的默认选项框的分享就到这里,谢谢您的阅读,如果想了解更多关于angularjs – 如何使用ng-option来设置select元素的默认值、angularjs异步设置Select选择框的默认值、HTML / CSS:列表元素的默认显示值?、Html Select option 如何进行默认选择_HTML/Xhtml_网页制作的相关信息,可以在本站进行搜索。

本文标签: