閱讀選擇的數據選項值

使用JQuery，當從列表中單擊/選擇一個選項時，如何讀取數據選項值。閱讀選擇的數據選項值

<span data-name="" data-select="dropdown" class="btn-group dropdown dropdown-select"> 
    <a data-target="#" data-toggle="dropdown" class="btn dropdown-toggle">Select User</a> 
    <a data-target="#" data-toggle="dropdown" class="btn dropdown-toggle end"><i class="icon-arrow-down"></i></a> 
    <ul class="dropdown-menu">   
     <li class="active"><a data-option="1D" href="#">One Day</a></li> 
     <li class=""><a data-option="1W" href="#">One Week</a></li> 
     <li class=""><a data-option="2W" href="#">Two Weeks</a></li> 

    </ul> 
</span>

來源

2013-07-24 ritesh_NITW

？ – David

這個問題被標記爲「twitter-bootstrap」，你可以假設他是這樣做的） – Pascamel

@Pascamel它本來不是。 – thatidiotguy

$("ul.dropdown-menu a").click(function(){ 
    alert($(this).data("option")); 
});

來源

2013-07-24 16:57:39

正是我想要的。再接受7分鐘不能接受。很快就會接受。謝謝！ –

$("ul.dropdown-menu li").click(function(){ 

    alert($(this).attr("data-option")); 
});

來源

2013-07-24 16:56:00 thatidiotguy

請嘗試對

$("ul.dropdown-menu a").on("click",function(){ 
    alert($(this).data("option")); 
});

由於click當DOM加載後加入的元素是行不通的。

來源

2013-07-24 17:00:16

非常感謝老兄:) –

您可以您使用的引導做

<li class="active"><a data-option="1D" href="#" onclick="getDataOption(this);">One Day</a></li> 

var getDataOption = function (node) { 
    var value = node.getAttribute("data-option"); 
    console.log(value); 
    return value; 
};

來源

2013-07-24 17:03:08 zsong

閱讀選擇的數據選項值

回答

相關問題