我有一张表格。 我正在尝试获取所选选项的值,但我的代码不起作用。
形式:
<form action="javascript:function()" method="POST" id="formulario">
<select class="selectpicker" id="cidade"> <option value "1"> Adamantina </option>
<option value "2"> Adolfo </option>
<option value "3"> Aguaí </option>
<option value "4"> Águas da Prata </option>
</select>
</div>
<div class="col-sm-6">
<div class="control-group">
<label class="control-label" for="checkboxes">Selecione as opções: Mandioca para industria Área em produção</label>
<div class="controls">
<label class="checkbox" for="checkboxes-0">
<input type="checkbox" name="2000" id="mans_00" value="mans_ins_area_00">
2000
</label>
<label class="checkbox" for="checkboxes-1">
<input type="checkbox" name="2005" id="mans_05" value="mans_ins_area_05">
2005
</label>
<label class="checkbox" for="checkboxes-1">
<input type="checkbox" name="2010" id="mans_10" value="mans_ins_area_10">
2010
</label>
</div>
</div>
</div>
<button id="enviar_grafico" class="btn btn-primary btn-primary"> Enviar</button>
</form>
选择
<select class="selectpicker" id="cidadee"> <?php $cidades=lista_cidades($conexao);
foreach($cidades as $cidade): ?>
<option value "<?= $cidade['dados_cidades_id'] ?>"> <?= $cidade['Municipio']; ?> </option>
<?php endforeach ?>
</select>
我的JavaScript(使用jQuery):
(function () {
$("#formulario").submit(function() {
var cidadee = $( "#cidadee:selected" ).val();
var mans_00 = $('#mans_00:checked').val();
var mans_05 = $('#mans_05:checked').val();
var mans_10 = $('#mans_10:checked').val();
var registro;
var param_1;
console.log(cidadee);
});
});
我也试过了var cidade = $( "#cidade option:selected" ).val();
,但是
在我提交表单的网页浏览器中,它仍然显示为空。
答案 0 :(得分:0)
试试这个
$("#cidade").children("option:selected").val();
$("#cidade").children("option:selected").text();
答案 1 :(得分:0)
您实际上只需要$('#cidadee').val()
来检索所选的值。
答案 2 :(得分:0)
要获取选择框的值,您只需要它,仅此而已:
$("#cidade").val();
选择框只能选择一个值,因此上述内容应该有效。复选框可以是:checked
,单选按钮可以是:selected
,但是选择框的行为类似于具有val
s预定列表的文本框。