onChange不適用於自動填充字段

我創建了一個受益人窗體，當用戶選擇受益人時，窗體會自動填充指定的百分比。例如，用戶可以選擇子1，並根據他們爲另一個表中的子1指定的百分比份額，自動填充此形式的百分比（函數beneficiary_1（））。我會爲每個百分比字段來總結所有的百分比的一個獨立的onChange腳本，但我不認爲它的工作原理與自動填充字段...onChange不適用於自動填充字段

function percentSum(){ 
    var arr = document.getElementsByName('beneficiary_share'); 
    var tot=0; 
    for(var i=0;i<arr.length;i++){ 
     if(parseInt(arr[i].value)) 
      tot += parseInt(arr[i].value); 
    } 
    document.getElementById('total_percentage').value = tot; 
}

有沒有一種方法，我可以修改此所以它適用於自動填充字段？

HTML：

<tr> 
    <td style="border-right: 1px solid #000000;"> 
    <g:ui_reference name="family_member_1" id="family_member_1" table="hr_beneficiary" query = "active=true^employee=javascript:gs.getUserID()" completer="AJAXTableCompleter" columns="employee; beneficiary_contact.relationship" onChange="beneficiary_1()" /> 
    </td> 
    <td class = "inside"><input class = "sf2823" type="text" id="fm1_ssn" name ="fm1_ssn" style="background-color:#dddddd" readonly="readonly"/> 
    </td> 
    <td class = "inside"><input class = "sf2823" type="text" id="fm1_address" name ="fm1_address" style="background-color:#dddddd" value="" readonly="readonly"/> 
    </td> 
    <td class = "inside"><input class = "sf2823" type="text" id="fm1_relationship" name ="fm1_relationship" style="background-color:#dddddd" value="" readonly="readonly"/> 
    </td> 
    <td><input class = "sf2823" type="text" id="fm1_percentage" name ="beneficiary_share" style="background-color:#dddddd" value="" readonly="readonly" onChange="percentSum()"/> 
    </td> 
</tr>

來源

2017-01-06 Dave

請撥打Plunker/jsfiddle。 –

onchange不是由代碼修改的值觸發的，你必須自己觸發 –

你必須從一個更高的DOM元素聽。

例如：

$(document).on('change', '#beneficiary_share', percentSum);

當你添加新的元素percentSum函數將被調用。

來源

2017-01-06 00:44:46 alexr101

嘿亞歷克斯，你可以擴展嗎？我不熟悉JS，所以我不完全明白你的意思。謝謝！ – Dave

好吧，用這個問題的方式來說很難說，你應該發佈一個js的小提琴讓我們更好地理解。但是，如果我理解正確，那麼在用戶與頁面交互之後就會生成新的HTML標記。如果是這種情況，那麼這個新的HTML將不會監聽更改，因爲Javascript代碼已經運行。因此，您可以聽取任何文檔（最高的html元素）更改，並且如果html發生了什麼情況，則可以在目標HTML上調用該函數，這是上述函數中的第二個參數。 – alexr101

呃，一開始......這是** jQuery **，它在問題中沒有標記，所以對於那些不知道/使用jQuery插件/庫的人來說，解釋會很有用。 – NewToJS

onChange不適用於自動填充字段

回答

相關問題