Question

我有一个动态生成下拉列表的表单

<c:forEach var="companyList" items="${company.detailList}" varStatus="status">
<tr>
<td>c:out value="${companyList.employeeName}" /></td>
<td>
<select name="employeeList<c:out value='[${status.index}]'/>.value">
    <option>No Record found</option>
    <option>Record available in year 2000</option>
    <option>Record available in year 2010</option>
    <option>Record available in year 2015</option>
    <option>Record available in year 2016</option>
    <option>Record available in year 2017</option>
</select>
</td>
</tr>
<div class="form-group">
    <label for="EvalComments">Evaluator Comments</label>
    <textarea class="form-control" rows="4" name="evalComments"><c:out value="${companyList.comments}"></c:out></textarea>
</div>
<br>
<div class="row">
    <div class="col-md-12 text-center">
        <button type="submit" class="btn btn-primary">Complete employee evaluation</button>
    </div>
</div>

假设在这种情况下会生成6行，如果下拉列表中的所有选择都匹配＆＃34;找不到记录＆＃34; 。单击提交按钮时，应执行验证在javascript中是否所有选择都匹配到没有找到的记录。如果验证失败，评估者需要在提交之前输入评估评论。

目前我无法获取下拉列表选择数组并与静态值进行比较。

感谢任何帮助和支持。

感谢宝贵的时间

Answer 1

您可以使用jQuery找到下拉列表的选定值，如下所示。

if(val == "No Record found")

然后很容易比较。

$(".simpleCart_shelfItem button").click(function() {
            alert(this.value);
            $(this).addClass('disabled');
            $(this).html("Adding &nbsp;&nbsp;<i class='icon-spinner9 spin'></i>");
        });

Answer 2

$('select').on('change',function(){
var test = $(this).val();
if(test==1){
alert('banana');}
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
    <option>1</option>
    <option>2</option>
</select>

检查下拉列表的选定值是否与静态值匹配

2 个答案: