如何在角度JS中获得动态创建隐藏场的价值

时间:2016-06-09 12:48:25

标签: jquery angularjs laravel

您好我正在使用laravel,我正在使用角度JS。在我的类模块中,我必须动态添加隐藏的文件和文本框我已经完成了但是当我提交表格时使用ng-submit它不发布动态创建字段值这里是我的代码

<form class="form-horizontal" name="addDorm" role="form" ng-submit="saveAdd()" novalidate>

      <label for="inputPassword3" class="col-sm-2 control-label ng-binding">Subject *</label>
      <div class="col-sm-10">
        <div class="input-group">
            <select class="form-control ng-dirty ng-valid ng-valid-required" ng-model="form.classSubjects" name="classSubjects" id="classSubjects" required="">
              <!-- ngRepeat: (key, value) in subject --><option class="ng-binding ng-scope" ng-repeat="(key, value) in subject" value="1">Physics</option><!-- end ngRepeat: (key, value) in subject --><option class="ng-binding ng-scope" ng-repeat="(key, value) in subject" value="2">math</option><!-- end ngRepeat: (key, value) in subject -->
            </select>
            <span class="input-group-addon add_btn"><a href="#" id="dayvisitStudents" class="btn btn-primary">+</a></span>
        </div>
      </div>



    </div>
    <div id="sbjectDetail">
            <table id="dayvist1" style="width:26% !important; margin-left:195px;"  class="table table-bordered"> 
                <thead> 
                    <tr> 
                        <th>Subjects</th> 

                    </tr> 
                </thead> 
                <tbody>
                    <tr> 
                        <td style="width:50%"></td> 

                    </tr> 
                </tbody>
            </table>
            </div>

这是我添加动态提交的jquery

<script type="text/javascript"> 
var iCnt = 0;
$('#dayvisitStudents').click(function(e){
    var subtext =$("#classSubjects option:selected").text();
    var subId =$("#classSubjects").val();
    iCnt = iCnt + 1
    e.preventDefault();
    $(this).parents().find('td:first-child').append('<div id="dvd'+iCnt+'" class="multi-inputs"><span><input class="form-control  txtsub txtBtn" value="'+subtext+'"  type="text" readonly ng-model="form.clsSubjectsnametxt" name="clsSubjectsnametxt"></span><a id="rmvicon" class="btn btn-primary " data-value="'+iCnt+'">-</a><input type="hidden" name="clsSubjectsnew" ng-model="form.clsSubjectsnew" value="'+subId+'"></div>');
});
    $(document).on('click', '#rmvicon', function(e) {
    e.preventDefault();
    var id=$(this).attr("data-value");
    //$('#dvd'+id).remove();
    $(this).parents().find('#dvd'+id).remove();
//  $(this).parents().find('td:first-child').append('<div class="multi-inputs"><input class="form-control txtBtn"  type="text" name="dayvisitStudents[]"><a class="btn btn-primary ">X</a></div>');
});

请帮助我,我是laravel和agular js的新手。赞不绝口。

0 个答案:

没有答案