获取动态表单值

时间:2014-07-12 00:05:27

标签: javascript angularjs angularjs-scope angularjs-ng-repeat angular-ui

有没有办法检查在提交时为哪个文本框选择了哪个选项。 如下所示,用户可以仅选择某些文本值。 html标签是基于对象参数

动态生成的
for(int i = 0 ; i < object ; i++)
{
   if(obj.textbox)
<input type="tex" id="obj.id"/> <input type="checkbox" id="obj.id"+"@"/>
 else
<select> ... </select>
}

现在我要做的是在复选框中分配如上所示的文本“@”,并在提交表单后迭代所有复选框项并获取所选值并将其拆分并获取文本值并附加两个值如果被选中,则使用|符号并发送请求。

是否有更好的方法来获取输入的文本值并检查是否为此选择了类似选项。

这是我的查看代码。

<div  ng-repeat="filter in filters">
<div class="content-pad">
    <fieldset>
        <label for="textinputID1"><p class="lead">
            {{filter.dsply_name}}   :
            </p>
        </label>                    
        <div class="field-group" nowrap>                            
                <input ng-if="!filter.listFlag"  type="text" id='filter.atrbt_name' class="span3">
                <button type="button" class="reset-field hide-text">Reset field</button>
                <label class="checkbox" ng-if="!filter.listFlag">
                    <input id='filter.atrbt_name' type="checkbox">
                    <i class="skin"></i> <span>Like</span> 
                </label>    
        </div>
        <div class="form-row">
            <div class="row-fluid-nowrap">
                <div class="span12">
                    <select ng-if="filter.listFlag" class="mod-select span12" ng-model="filterSelectOption" ng-options="value.displayValue as value.displayValue for value in filter.listValues">
                        <option value="" selected="selected">Select an Option</option>
                    </select>
                </div>
            </div>
            </div>
    </fieldset>
</div>

1 个答案:

答案 0 :(得分:0)

将click事件绑定到提交按钮,在js回调函数中,获取值&amp;做检查。