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

Question

我想用文本框本身的值和另一个输入框的值来设置文本框的数据值。我已经编写了简单的 JavaScript 代码片段来在 oninput 属性处处理此问题，但它并未使用预期值更新 data-value 属性。

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