检测何时使用jQuery选择了特定的

2021/01/03 21:31 · jquery ·  · 0评论

我希望jQuery检测何时选择了具有IDtrade_buy_max的选项。

$(document).ready(function() {
    $("option#trade_buy_max").select(function () {
        //do something
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<select name='type' id='type'>
    <option id='trade_buy' value='1' selected='selected'>Buy</option>
    <option id='trade_buy_max' value='1'>Buy max</option>
    <option id='trade_sell' value='2'>Sell</option>
    <option id='trade_sell_max' value='2'>Sell max</option>
</select>

我已经尝试了以下方法,但是它似乎不起作用。

有任何想法吗?

这行得通...侦听选择框上的change事件,然后触发,然后只需拉出所选选项的id属性即可。

$("#type").change(function(){
  var id = $(this).find("option:selected").attr("id");

  switch (id){
    case "trade_buy_max":
      // do something here
      break;
  }
});

您需要做的是向中添加一个onchange处理程序select

$('#type').change(function(){ 
  if($(this).val() == 2){
     /* Do Something */
  }
});

您可以将change事件绑定在其选择上,然后检查是否选择了选项

$("select#type").change(function () {
   if( $("option#trade_buy_max:selected").length )
   {
     // do something here
   }
});
$("option#trade_buy_max").change(function () {
    opt = $(this).children("option:selected").attr('id');
    if(opt == '#trade_sell_max'){
        // do stuff
    } 
});

未经测试,但这应该可行。

使用change事件并获取id所选选项属性:

$('#type').change(function () {
  var selectedId = $('option:selected', this).attr('id');

  if (selectedId == "trade_buy_max") {
    // do something
  }
});

将.select更改为.change并将空格放在#之前

本文地址:http://jquery.askforanswer.com/jianceheshishiyongjqueryxuanzeletedingde.html
文章标签: ,   ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!