需要使用鼠标悬停而不是下拉列表

时间:2016-05-03 10:22:29

标签: javascript

我们有多家商店查看网站,其中包括countires:India,USA,France

一旦我们点击下拉按钮here

,我们就可以在网站顶部看到这3个国家/地区

enter image description here

我们需要的不是点击下拉按钮,而是应该使用“鼠标悬停”

onBootReceiver

3 个答案:

答案 0 :(得分:2)

您可以使用此解决方案:

$('select').hover(function() {

  $(this).attr('size', $('option').length);
}, function() {

  $(this).attr('size', 1);
});

它正在使用length的{​​{1}}属性。已在此处回答Trigger click on select box on hover

答案 1 :(得分:2)

简单的javascript

document.getElementById("select-language").onmouseover=function(){
  document.getElementById('select-language').click();
};

此Jquery脚本也可以完成这项工作..

$("#select-language").mouseover(function(){
    $( "#select-language" ).trigger( "click" );
});

答案 2 :(得分:1)

我认为如果你把onmouseover放在选项中它应该有效。

tc_vars.cart.content[i] = {

    productID: wa_data.cart.content[i].productID,
    name: wa_data.cart.content[i].name,
    quantity: wa_data.cart.content[i].quantity,
    promoCode: wa_data.cart.content[i].promoCode,
    offerID: wa_data.cart.content[i].offerID,
    salesType: wa_data.cart.content[i].salesType,
    platform: wa_data.cart.content[i].platform,
    unitSalePrice: wa_data.cart.content[i].unitSalePrice,
    salePrice: wa_data.cart.content[i].salePrice,
    stockAvailability: wa_data.cart.content[i].stockAvailability,
    lineItemTotalAmountDiscounted: wa_data.cart.content[i].lineItemTotalAmountDiscounted,
    lineItemTotalAmountNotDiscounted: wa_data.cart.content[i].lineItemTotalAmountNotDiscounted,
    lineItemTaxAmount: wa_data.cart.content[i].lineItemTaxAmount,
    lineItemDiscountedAmount: wa_data.cart.content[i].lineItemDiscountedAmount,
    lineItemShippingCost: wa_data.cart.content[i].lineItemShippingCost,
    crossSell: wa_data.cart.content[i].crossSell,
    upSell: wa_data.cart.content[i].upSell

}