Question

现在，当一个字段发生更改时，另一个字段会相应更改。我想要做的是原来第二个字段有一些来自数据库的预填充输入，当用户填写第一个输入字段时，我想保留数据库中的数据，并在数据库数据后添加用户输入的文本。目前的问题是当输入新输入时，从数据库检索的原始数据消失。任何解决方案？/非常感谢

addEvent(document.getElementById('name'), 'keyup', function () {
   document.getElementById('url').value = this.value.replace(' ');
});


function addEvent(ele, evnt, funct) {
  if (ele.addEventListener) // W3C
    return ele.addEventListener(evnt,funct,false);
  else if (ele.attachEvent)  // IE
    return ele.attachEvent("on"+evnt,funct);
}

<form>
    <input type="text" id="name" />
    <input type="text" id="url" />
</form>

Answer 1

试试这个：

var oldValue = document.getElementById('url').value;
addEvent(document.getElementById('name'), 'keyup', function () {
   document.getElementById('url').value = oldValue + this.value.replace(' ');
});


function addEvent(ele, evnt, funct) {
  if (ele.addEventListener) // W3C
    return ele.addEventListener(evnt,funct,false);
  else if (ele.attachEvent)  // IE
    return ele.attachEvent("on"+evnt,funct);
}

<form>
    <input type="text" id="name" />
    <input type="text" id="url" value="www." />
</form>

此处www.已在第二个文本框中填充，您在第一个文本框中键入的内容将附加到第二个文本框中的文本。

Answer 2

为什么不保持简单，因为你已经用jQuery标记了它，这是我的答案：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<form>
    <input type="text" id="name" />
    <input type="text" id="url" value="asdas"/>
</form>

＆＃13;

esta

＆＃13;

Jquery输入值根据另一个字段更改

2 个答案: