正在更新輸入文本框的數據值oninput not working

Question

我想用自己的值和另一個輸入框的值設置文本框的數據值。我已經編寫了簡單的JavaScript代碼片段來處理oninput屬性，但它沒有用期望的值更新數據值屬性。

<form onsubmit="return false" > 
First name : <input type="text" name="txtFirstName" data-value="" oninput="txtFirstName.data-value = txtFirstName.value +' '+ txtLastName.value"/> <br><br> 
Last name : <input type="text" name="txtLastName" oninput="txtFirstName.data-value = txtFirstName.value +' '+ txtLastName.value"/> 

JSFiddle

Answer 1

您需要使用dataset.value而不是data-value。欲瞭解更多關於accessing data attribute value visit here的信息。

<form onsubmit="return false"> 
 
    First name : 
 
    <input type="text" name="txtFirstName" data-value="" oninput="txtFirstName.dataset.value = txtFirstName.value +' '+ txtLastName.value" /> 
 
    <br> 
 
    <br>Last name : 
 
    <input type="text" name="txtLastName" oninput="txtFirstName.dataset.value = txtFirstName.value +' '+ txtLastName.value" />