Question

我正在寻找打印ID的方法，或让我从选择

中的选项中选择ID

这里是我的代码：

$(document).ready(function() {
  $("#direcciones-envio-usuario").click(function() {
    alert(this.id);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selectpicker show-tick" id="direcciones-envio-usuario" data-width="85%" data-header="Eligir dirección">
  <option>Mi casa</option>
  <option>Casa de pepe</option>
  <option data-divider="true"></option>
  <option data-icon="glyphicon-plus-sign" id="nueva_direccion_btn">Nueva dirección</option>
</select>

Answer 1

使用SELECT ... FROM ( the above query as a subquery ) x JOIN ... -- the rest of the JOINs, using x.listings_id where needed GROUP BY x.listing_id -- just in case ORDER BY x.created_at; -- repeated事件而不是点击change，此处使用event选择器

:selected

Answer 2

我用小提琴准备了这个例子，希望有用https://jsfiddle.net/jgonzalez315/8znq29g7/

     $(document).ready(function(){
         $("#direcciones-envio-usuario").change(function(){
         alert($( "#direcciones-envio-usuario option:selected" ).text()); 
          if($( "#direcciones-envio-usuario option:selected" ).text()=="Nueva dirección")
      {
        //IF YOU WANT attr id
        alert($( "#direcciones-envio-usuario option:selected" ).attr('id'));
       }

    });
 })

Answer 3

请查看plunk

让你的例子适用的主要代码是：

$(document).ready(function(){
  $("#direcciones-envio-usuario").change(function(){
    alert($(this).children("option:selected").attr("id"));
  });
})

我认为这解决了你要实现的目标。如果您需要任何改进，请告诉我们。）

Answer 4

怎么样

$("#direcciones-envio-usuario").change(function(){
    alert($(this).children(":selected").attr("id"));
});

此外，由于它是select元素，因此将您的活动更改为.change()而不是.click()是明智的。

Answer 5

您可以使用上下文this选择已选中的子项，并获取其ID属性。

$("#direcciones-envio-usuario").change(function(){
     alert($(this).find(":selected").attr("id"));
});

如何在jquery中获取所选的选项id

5 个答案: