我如何获得价值形式选择>选项,jquery

时间:2015-03-26 17:01:58

标签: javascript jquery html

我遇到的问题是获取值格式选择>选项。 我做出选择:

$.each(response, function(i, element) 
 { 
   var nazwaKategori = element.name;
   var idKategori = element.id;
    $("#kategoria").append("<option>KategoriaID:" + idKategori + ", Nazwa Kategorii:" + nazwaKategori + "</option>");
 });

身体:

<form role="form">
    <div class="form-group">
      <label  align="center" for="text">Lista dostępnych kategorii.</label>
      <select class="form-control" id="kategoria">
        <div id="kategoria">
        </div>
        </select>
        <div id="wypisz"><div>
   </div> 
</form>

我得到这个选项:

<script>
   $( "#kategoria" ).change(function () {
    var str = "";
      $( "#kategoria option:selected" ).each(function() {
       str += $(this.KategoriaID).val() + " ";
      });
   $( "#wypisz" ).text( str );
 })
.change();
</script>

我怎么才能得到idKategori?我肌肉在获取文本中找到模式? 感谢

1 个答案:

答案 0 :(得分:0)

如果在div内部使用select的错误html结构,那么当您创建下拉菜单时,可以使用以下内容:

$("#kategoria").append("<option value='"+idKategori+"'>KategoriaID:" + idKategori + ", Nazwa Kategorii:" + nazwaKategori + "</option>"); 

所以每个选项都有一个值,然后在更改事件中你可以使用它:

$( "#kategoria" ).on("change", function () {
    var optionselected = $(this).find(":selected").val();
    //HEre you will have you value of the option selected in a variable
    console.log(optionselected);

});

我不知道那是不是你想要的,而且我不知道你的下拉创建是否正常,但你的问题是从jquery的select选项中获取价值。希望这有帮助