2017-08-07 72 views
0

如何通過點擊子女iron-icon來清除paper-input通過點擊子圖標清除父輸入 - Javascript(沒有JQuery)

我有以下代碼:

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 = ''; 
} 

我看currentTarget但還是內舉行的各種特性後使用parentNode無運氣。

注意:我將在我的頁面中使用這個元素作爲多個paper-input元素。

回答

1

你的函數定義修改爲:

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

我希望這有助於。

+0

由於某種原因,這是行不通的。調試器顯示該值已經是'',而不是我在...中的文本任何想法? – physicsboy

+0

在「聚合物2」中工作正常。這是'聚合物1'的解決方案:http://plnkr.co/edit/8ecrDe?p=preview – Ofisora

+0

啊,這是有道理的。我仍然在版本1中:-) 當您使用clear-item-id時,這是Polymer中的一個已定義的屬性,還是隻是爲了演示而編寫的? – physicsboy