पेपर-ड्रॉपडाउन-मेनू

Question

का चयनित मान प्राप्त करें मैं अपनी परियोजना के लिए ड्रॉपडाउन मेनू के रूप में बहुलक के paper-dropdown-menu का उपयोग कर रहा हूं। अब जब मैं उपयोगकर्ता ड्रॉपडाउन से कोई विकल्प चुनता हूं, तो मैं चयनित विकल्प का मूल्य प्राप्त करना चाहता हूं।

यहाँ HTML संरचना

<paper-dropdown-menu label="Color" class="text-color-labels"> 
    <paper-dropdown class="dropdown"> 
     <core-menu class="menu" id="textColor"> 
      <paper-item value="#000000">Black</paper-item> 
      <paper-item value="#522A19">Dark Brown</paper-item> 
      <paper-item value="#7D331E">Light Brown</paper-item> 
      <paper-item value="#EDCCBA">Tan</paper-item> 
      <paper-item value="#B89325">Old Gold</paper-item> 
      <paper-item value="#B7A967">Vegas Gold</paper-item> 
      <paper-item value="#29753A">Kelly Green</paper-item> 
     </core-menu> 
    </paper-dropdown> 
</paper-dropdown-menu> 

मैं इस कोड का उपयोग मूल्य पाने की कोशिश की है:

$("body").on("core-select", ".text-color-labels", function(){ 
    var selectedItem = document.querySelector('#textColor').selectedItem; 
    var selectedColor = selectedItem.textContent; 
    console.log(selectedColor); //gives Black, Dark Brown, Light Brown etc 
}) 

लेकिन यह मुझे लटकती का मूल्य देता है नहीं करता है। उसे कैसे प्राप्त करें?

Answer 1

पॉलिमर 1.0 में आप paper-dropdown-menu में on-iron-select विशेषता का उपयोग कर सकते हैं।

<paper-dropdown-menu label="Color" class="text-color-labels" on-iron-select="_itemSelected"> 

पॉलिमर समारोह: उदाहरण के लिए:

_itemSelected : function(e) { 
    var selectedItem = e.target.selectedItem; 
    if (selectedItem) { 
     console.log("selected: " + selectedItem.innerText); 
    } 
    }, 

Answer 2

अद्यतन अपने ईवेंट हैंडलर के रूप में इतना:

$("body").on("core-select", ".text-color-labels", function(e) { 
    var selectedItem = e.target.selected, 
     selectedColor = selectedItem.textContent; 
    console.log(selectedColor); //gives Black, Dark Brown, Light Brown etc 
}) 

Answer 3

<paper-dropdown-menu label="Color" class="text-color-labels" on-iron-select="_itemSelected"> 

चयनित आइटम मूल्य चाहते हैं:

_itemSelected : function(e) { 
    var selectedItem = e.target.selectedItem; 
    if (selectedItem) { 
     console.log("selected: " + selectedItem.value); 
    } 
}