Javascript HTML表单-使用onchange（）更改只读字符串字段的部分

我希望在单击下拉列表并使用以下HTML表单中的onchange（）函数时，将值-value和值2分配到DATAID和DEPNUM中 正在分配的位置是包含字符串的只读字段的一部分。 我的目标是创建一个只读字符串，该字符串将包含我从下拉字段中选择的值，所有值组合在一个字符串中，并用下划线分隔

我一直在尝试使用onChange方法“myFunction（）”

最后，我在这一段中运行它：

<p id="demo" value="DATAID_DOCTYPE_DEPNUM_NTA">DATAID_DOCTYPE_DEPNUM_NTA</p>

DATAID\u DOCTYPE\u DEPNUM\u NTA

---

问题是，处的值不会随着我更改value2或value而立即更改。

您可以为两个输入字段绑定两个事件侦听器，并通过下面的方法更新只读文本字段值

$（文档）.ready（函数（）{
$（'#field1'）.keyup（函数（）{
UpdateReadOnlyFieldval（$（this），0）；
});
$（'#field2'）.keyup（函数（）{
更新的readonlyfieldval（$（this），2）；
});
函数updatedReadonlyFieldVal（元素，索引）{
设val=elem.val（）；
设destVal=$（'#destination'）.val（）；
设splittedDestVal=destVal.split（“”“）；
splittedDestVal[索引]=val；
$（'#destination'）.val（splittedDestVal.join（''）；
}
});
请与我们分享您的HTML和JavaScript，以便我们了解您迄今为止的尝试。
function myFunction()
{
    var x = document.getElementById("myInput").value;
    document.getElementById("demo").innerHTML = x;
}

<p id="demo" value="DATAID_DOCTYPE_DEPNUM_NTA">DATAID_DOCTYPE_DEPNUM_NTA</p>