2017-08-07 4 views
0

子供をクリックしてpaper-inputをクリアするにはどうすればいいですか?iron-icon子供のアイコンをクリックして親入力をクリアする - Javascript(JQueryなし)

私は次のコードを持っている:私はcurrentTargetまだありません内に保持された様々な性質を見た後parentNodeを使用

HTML

<paper-input id="one" class="one" on-input="doFunction"> 
    <iron-icon suffix icon="clear" id="clearOne" class="clear" on-click="clear"></iron-icon> 
</paper-input> 

JS

clear : function(e) { 
    Polymer.dom(e.currentTarget.parentNode).value = ''; 
} 

を運。

注:私はこれをページ内の複数のpaper-input要素に使用します。私はこれが役に立てば幸い

clear : function(e) { 
    e.target.parentNode.value = ''; 
} 

答えて

1
はにあなたの関数の定義を変更し

+0

何らかの理由でこれが機能していません。デバッガは、私が持っているテキストではなく、値がすでに ''であることを示しています...どんな考えですか? – physicsboy

+0

'Polymer 2'ではうまく動作します。ここには、ポリマー1の解決策があります:http://plnkr.co/edit/8ecrDe?p=preview – Ofisora

+0

ああ、それは意味をなさないでしょう。私はまだバージョン1になっています:-) clear-item-idを使用すると、これはPolymerの定義済みの属性ですか、それともこのデモンストレーションのためだけに作られたものですか? – physicsboy

関連する問題