更新输入文本框的数据值oninput不起作用

Question

我想用自身的值和另一个输入框的值设置文本框的数据值。我已经编写了简单的javascript片段来处理oninput属性，但它没有使用期望值更新data-value属性。

lastName

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" />