我是新来的。我想在从下拉列表中选择我的一个选项时禁用文本区域。
我尝试使用ng-disabled= "(这里是我的ng-model值)"
但这不管用。
所以请帮我解决这个问题。如果假设我必须在我的JS控制器函数中创建一个函数,那么给我在我的html中调用它的函数和语法。
我会分享我的代码,给我更新会很有用。
<p style="text-align: justify; white-space: nowrap; position: relative; left: 30px">
<strong>{{'EMAIL_TYPE' | translate}}</strong>
<select id="emailOption" style="height: 26px; width: 190px; font-size: 13px; padding-top: 3px" class="emailType" data-ng-model="typeE" onchange="changeTemplate()">
<option value="" selected></option>
<option value="Alert Dashboard">{{'ALERT_DASHBOARD' | translate}}</option>
<option value="Survey Launch">{{'SURVEY_LAUNCH' | translate}}</option>
<option value="CSW Launch">{{'SCW_LAUNCH_TREATMENT' | translate}}</option>
<option value="Survey Close Treatment">{{'SURVEY_CLOSE_TREATMENT' | translate}}</option>
<option value="CSW Close">{{'CSW_CLOSE' | translate}}</option>
</select>
这是我的下拉值(选项)。
我希望我的文本区域仅在选项值=""(null)时被禁用。
我的文本区代码是。
<div class="large-9 medium-12 small-12 columns body1">
<strong style="position: absolute; left: 80px">{{'BODY_AT_BEGINNIG'
| translate}} </strong>
<textarea id="emailBody1"
style="width: 70%; position: absolute; top: 15px; resize: none;"
rows="10" ></textarea>
给我解决办法,这样只有当我从下拉列表中选择的选项为空时,我的文本区域才会被禁用。
试试这个
在“更改模板”方法中,您在ng-change中调用的内容,检查所选选项值是否为空,如果为空,则禁用您的文本区域,如下所示
<div ng-app>
<div ng-controller="ClickToEditCtrl">
<textarea ng-disabled="typeE == '' || typeE == null" id="emailBody1" style="width: 70%; position: absolute; top: 15px; resize: none;" rows="10" ></textarea>
</div>
</div>
function ClickToEditCtrl($scope)
{
$scope.typeE = "";
}
工作示例
在html代码中更改此内容。它会做到的。你真的应该用玉和angularjs。
<textarea id="emailBody1" , ng-disabled="typeE === '' ",
style="width: 70%; position: absolute; top: 15px; resize: none;"
rows="10" >
</textarea>
别忘了投票;)
如果选择选项值是从循环中提取的,那么如何禁用该选项值?是否有其他方法解决此问题? 示例输出在循环和我想禁用选项值6和7。谢谢帮忙。
问题内容: jQuery或jQuery-UI是否具有禁用给定文档元素的文本选择功能? 问题答案: 在jQuery 1.8中,可以按照以下步骤进行操作:
问题内容: 我正在尝试使用AngularJS获取选项列表的文本值 这是我的代码片段 返回选项的值,例如:prod_1。我正在尝试获取文本值“产品1”。有没有办法做到这一点? 问题答案: 最好的方法是在元素上使用指令。 控制者 HTML 这会将所选对象绑定到属性- 。之后,您可以使用以下命令: jsFiddle :http : //jsfiddle.net/bmleite/2qfSB/
我有这样一个下拉列表: 如何使用JavaScript获得实际的选项文本而不是值?我可以通过以下方法获得值: 但我想要的不是而是。
问题内容: 我有我的选择列表组件呈现我的选择列表: 我在组件上有一个方法可以创建选项: 我的onChange方法适用于以下值: 有没有办法我可以获取选项文本?这给我不确定 问题答案: 这样的事情应该做 这是一个演示 http://jsbin.com/vumune/4/
问题内容: 我正在制作一个HTML / CSS / jQuery画廊,里面有几页。 我确实有一个“下一步”按钮,这是与jQuery Click侦听器的简单链接。 问题是,如果用户多次单击该按钮,则会选择该按钮的文本,然后选择整个文本行。在我真正黑暗的设计中,这确实丑陋且荒谬。 所以这是我的问题:您可以禁用HTML上的文本选择吗?如果没有,我将非常想念flash及其在文本字段上的高级配置… 问题答案