Question

我正在尝试用JQuery捕获<sf:select>的当前值并被卡住了，我不知道如何在Google上搜索此解决方案。

JSP代码

<div class="col-md-2">
  <label for="tipoUtilidade" class="control-label">
    Tipo <span class="fa fa-question-circle" data-toggle="tooltip" title="Escolha o tipo de atendimento..."></span>
  </label>
  <sf:select path="modulo" class="form-control input-sm" onchange="mudaTipo()">
    <sf:option value="" label="Escolha o tipo..." />
    <sf:options items="${todosModulos}" itemValue="codigo" itemLabel="label"/>
  </sf:select>
</div>

<div id="bico_id" class="col-md-2">
  <label for="bico.id" class="control-label">Bico</label>   
  <sf:select path="bico.id" class="form-control input-sm">
    <sf:option value="">...</sf:option>
    <sf:options items="${todosBicosPosto}" itemValue="id" itemLabel="numeroModulo" />
  </sf:select>
</div>

我想通过JQuery使用path=modulo访问此itemValue=codigo以生成if语句来测试${todosModulos}是“Areia”还是“Agua”（两个字符串）来隐藏或显示与id="bico_id">的div，我不知道。

有什么建议吗？

Answer 1

这部分代码

<sf:select path="modulo" class="form-control input-sm" onchange="mudaTipo()">
...
</sf:select>

将被翻译为HTML代码

<select id="modulo" name="modulo" ...>
...
</select>

因此，您可以使用ID选择器并添加类似于此的更改功能：

$("#modulo").on('change', function(){
  if($(this).val()==='Areia' || $(this).val()==='Agua')
    $('#bico_id').hide();
  else
    $('#bico_id').show();
});

Answer 2

我想通过JQuery
使用itemValue = codigo访问此路径= modulo

尝试使用：

$('select[name=modulo]')

制作一个if语句来测试$ {todosModulos}是否是＆＃34; Areia＆＃34;或＆＃34;阿瓜＆＃34; （两个字符串）用id =＆＃34; bico_id＆＃34;
隐藏或显示div

//change to .val(), in-case you need `value` attribute
var modulo=$('select[name=modulo]').find('option:selected').text();
var bico_id=$('#bico_id').show();
if(/^Areia|Agua$/.test(modulo)){
    bico_id.hide();
}

如何通过JQuery访问我的spring框架选择值

2 个答案: