将文本写到输入字段?

时间:2019-03-23 03:20:09

标签: javascript angularjs dom

这是下面的代码;

<div class="col-xs-12 col-sm-9">        
  <input id="Shipping_FirstName" name="firstname" ng-model="userOrder.Shipping.FirstName" type="text" class="form-control nsg-form--input ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" ng-class="{'is-invalid': shipping_subform.$submitted &amp;&amp; shipping_subform.firstname.$invalid}" required="" maxlength="35" tooltip="Please enter your first name" tooltip-toggle="shipping_subform.$submitted===true &amp;&amp; shipping_subform.firstname.$invalid===true" esw-google-analytics-blur="">        <!-- ngIf: shipping_subform.$submitted && shipping_subform.firstname.$invalid -->    
</div>

我尝试了以下将文本写入输入字段的方法;

document.getElementById("Shipping_FirstName").value = "test"
document.querySelector("input[id='Shipping_FirstName']").value = "test";

但是,当我按下提交按钮时,它显示“请输入您的名字” ,好像上面的代码实际上没有写文本。

我该如何解决?

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:-1)

感谢epascarello,答案是;

var e = document.getElementById("Shipping_FirstName");
e.value = "test";
var $e = angular.element(e);
$e.triggerHandler('input');