2016-10-03 26 views
1

我想在我的HTML頁面上顯示一些JavaScript變量。如何分配的JavaScript變量值文本框 - 在PHP

var resultDis = 10; 
document.getElementById("totalAmount").value= resultDis; 

使用

<input type="number" id="totalAmount" name="totalAmount" 
class="form-control" ng-model="form.totalAmount" 
placeholder="Total Amount" value=""> 

這裏 總金額:文本的ID那些我想賦值

但在表單提交,空值去那個文本框。

+0

歡迎SO。請訪問[幫助]瞭解如何以及要問什麼。提示:發佈[mcve],以便我們可以看到您的HTML。例如在編輯器中使用'<>'按鈕。我們看不到您的輸入字段是否有名稱 – mplungjan

+0

何時分配var resultDis = 10; ?有些事件?表單提交之前是否有可能沒有分配值?或者,也許問題是在PHP代碼?因爲你在問題中發佈的內容正在發揮作用。 –

回答

0

id="totalAmount"添加到您的文本框中。

<input id="totalAmount" ...> 
0

當你在你的輸入ng-model="form.totalAmount"你可以更新AngularJS值:

angular 
 
    .module('MyApp', []) 
 
    .controller('MyController', function($scope) { 
 
    var resultDis = 10; 
 
    
 
    $scope.form = {}; 
 
    
 
    // value assignment to form.totalAmount model 
 
    $scope.form.totalAmount = resultDis; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="MyApp" ng-controller="MyController"> 
 
    <input 
 
     type="number" 
 
     id="totalAmount" 
 
     name="totalAmount" 
 
     class="form-control" 
 
     ng-model="form.totalAmount" 
 
     placeholder="Total Amount" 
 
     value=""> 
 
</div>

注意,現在的輸入將顯示在該變量resultDis值查看..但是,你如何處理表單提交?你能用更多的代碼更新你的問題嗎?

+0

謝謝先生,其工作,但當我提交表單,然後這些文本框的值爲空 –

+0

看到並回答我對你的問題的評論@PrashantKumbhar - 例如,你可能需要一個'name =「totalAmount」' – mplungjan

+0

比它應該是東西否則在你的代碼..你必須作出深入的審查,並向我們展示更多的代碼,以幫助你.. –

0
如果您在Visual Studio中工作

,你必須使用客戶端ID:

var resultDis = 10; document.getElementById("<%=totalAmount.ClientID%>").value= resultDis; 
+0

不在Visual Studio與PHP框架工程LARAVEL –

+0

請檢查document.getElementById (「totalAmount」)。值在您的瀏覽器控制檯,分配resultDis值後。如果結果與resultDis值相同,這將意味着您的javascript代碼可能沒有任何問題,並且您的問題與PHP相關。 –

+0

它可能是先生,但當我手動輸入值其他明智的編輯值,這些顯示從JavaScript然後它將工作100%完美,但沒有編輯價值 –

相關問題