选择的价值

时间:2015-02-02 17:28:40

标签: javascript jquery

我有一张表格。 我正在尝试获取所选选项的值,但我的代码不起作用。

形式:

<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();,但是 在我提交表单的网页浏览器中,它仍然显示为空。

3 个答案:

答案 0 :(得分:0)

试试这个

$("#cidade").children("option:selected").val();
$("#cidade").children("option:selected").text();

答案 1 :(得分:0)

您实际上只需要$('#cidadee').val()来检索所选的值。

答案 2 :(得分:0)

要获取选择框的值,您只需要它,仅此而已:

$("#cidade").val();

选择框只能选择一个值,因此上述内容应该有效。复选框可以是:checked,单选按钮可以是:selected,但是选择框的行为类似于具有val s预定列表的文本框。