在只读文本框中获取值答案

【问题标题】：Getting a value in the readonly textbox在只读文本框中获取值
【发布时间】：2016-12-13 18:27:29
【问题描述】：

我有一个带有不可编辑的硬编码值的文本框。我需要帮助来检索它并在按钮单击时显示。如何验证下拉列表以使其成为必需？如何在此下拉列表中显示所选值，我尝试使用 ng-model 但它不起作用。

<div class="col-sm-6">
   <input  class="form-control" id="focusedInput" type="text" value="El Dix" readonly>
</div>

对于下拉列表，代码如下：-

<select ng-model="createCall_Urgency" class="form-control" >
  <option value="Low">Low</option>
  <option value="Medium">Medium</option>
  <option value="High">High</option>
 <option value="Major">Major</option>
</select>

【问题讨论】：

select 下拉菜单总是有价值的，不是吗？
请把你的问题和要求写清楚
你的问题不清楚。你基本上说你想显示来自禁用输入的文本。但是然后你说一些关于选择的事情。你到底想达到什么目的？写下一些情景之类的。
请详细说明，您的要求不清楚..
@philantrovert 不是真的，第一个选项可以设置为 null 或类似“请选择：-”之类的东西。不明显。

标签： javascript html angularjs twitter-bootstrap

【解决方案1】：

1) 我需要帮助来检索它并在按钮单击时显示

HTML

<button id="getValue" ng-click="getValue()">Get Value</button>
<input  class="form-control" id="focusedInput" type="text" ng-model="focusedInput" readonly>

$scope.focusedInput='El Dix';
$scope.getValue=function(){
    alert($scope.focusedInput);
}

2)如何验证下拉菜单以使其成为必需？

你需要使用required属性。

<select ng-model="createCall_Urgency" class="form-control" required>
   <option value="Low">Low</option>
   <option value="Medium">Medium</option>
   <option value="High">High</option>
   <option value="Major">Major</option>
</select>

3)如何在此下拉列表中显示所选值？

我建议你创建一个对象数组并使用ngOptions 指令。

类似这样的：

var app = angular.module('eApp', []);
app.controller('ArrayController', ['$scope', function($scope) {

  $scope.myOptions = [{
    "id": 'Low',
    "text": 'Low'
  }, {
    "id": 'Medium',
    "text": 'Medium'
  },
  {
    "id": 'High',
    "text": 'High'
  },{
    "id": 'Major',
    "text": 'Major'
  }];
  $scope.createCall_Urgency = $scope.myOptions[0];
}]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>
<body ng-app="eApp">
  <div ng-controller="ArrayController">
    <select ng-model="createCall_Urgency" class="form-control" data-ng-options="options as options.text for options in myOptions">
  <option value="Low">Low</option>
  <option value="Medium">Medium</option>
  <option value="High">High</option>
 <option value="Major">Major</option>
</select>
    {{createCall_Urgency.text}}
  </div>

</body>

【讨论】：

我拒绝alert($('#focusedInput').val()); 这段代码
好多了;)