Question

我一直在环顾四周找到答案，我不知道这是否是一些我遗漏的术语，或者说这是不可能的，所以如果这是骗过的话我是道歉，我一直在阅读和测试

我在页面上有一个html表单，我正在通过AJAX获取一些细节。基本上查找人员统计数据以查看它是否已存在于数据库中。这是匹配/搜索所有四个人口统计字段的匹配，那边工作正常。我想要的是，如果用户看到他们希望能够在其中单击的匹配，那么表单将自动填充字段并将ID放入隐藏字段以使用表单提交。

这涉及机密信息，因此我只想简要总结一下我正在尝试使用的守则。

function showUser(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
        } else {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");// code for IE6, IE5
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","patientSelect.php?q=" + str, true);
        xmlhttp.send();
    }
}

function fillValues(){

  var jsSurname = document.getElementById('jsSurname').innerHTML;
  var jsForename = document.getElementById('jsForename').innerHTML;
  var jsGender = document.getElementById('jsGender').innerHTML;
  var jsDoB = document.getElementById('jsDoB').innerHTML;

    window.alert("yep");

    document.getElementById('PatientSurname').value = jsSurname;
    document.getElementById('PatientForename').value = jsForename;
    document.getElementById('PatientGender').value = jsGender;
    document.getElementById('PatientDateOfBirth').value = jsDoB;

}

<form>
  <fieldset>
    Forename: <input type="text" id='PatientForename' value='' onkeyup="showUser(this.value)">
    Surname: <input type="text" id='PatientSurname' value='' onkeyup="showUser(this.value)">
    Date of Birth: <input type="date" id='PatientDateOfBirth' value='' onkeyup="showUser(this.value)">
    Gender: <input type="text" id='PatientGender' value='' onkeyup="showUser(this.value)">
    <input type="Hiddden"
    <p>Suggestions: <span id="txtHint" ></span></p>
  </fieldset>
</form>

这里有趣的部分，有一个问题，由于一个原因，在这种情况下不幸是理性的，我不能使用JavaScript库，只是直接的香草代码。因此，请记住您的答案，并提前感谢您的帮助。

编辑;对迟到的答复表示歉意;我在繁忙的环境中积极工作，因为我也提供技术支持（程序员非常有趣），并定期与各种管理类型的会议。

代码尽可能完整，代码的其余部分只是表单部分关闭并隐藏，直到用户完成前一组字段。

当我回到家时，我可以抓住patientSelect.php但它实际上只是一个数据库调用和输出。我不需要修复代码（我知道上面是废话/破坏），因为如果我知道我需要做什么，我就可以排序。 fillValue函数就在代码中。

如果有人能够确认它是可能的并且指针朝着正确的方向发展。

Mawg。是吗，你知道这个功能的名称吗，如果我知道我在寻找什么，我就可以向后工程。

将数据从AJAX输出移动到HTML表单

0 个答案: