從以前輸入的值自動填寫表格字段在同一個表格中

我正在構建一個具有多個表單域和複選框的很長的表單。爲了使其儘可能地從客戶的角度來看，我希望在客戶填寫表單時自動填充某些值。從以前輸入的值自動填寫表格字段在同一個表格中

此表格包含客戶端通過表單時所需的不同部分。因此，如果他在第一部分中輸入了他的名字，姓氏和身份證號碼，他會在後面的部分再次提示他這樣做（這是由於法律義務）。我想從客戶的第一個條目中自動填充這些字段，以使該過程更容易一些，並且更加便於用戶使用。

什麼是最好的方式去做這件事？

如果我正確地說，當它提交給數據庫時，我不能在表單中具有兩個相同的值。擁有一個值，但從第一個值開始自動填充更有意義。

希望這是有道理的。

<h3>Section 1</h4> 
<ul> 
<li> 
    <input type="text" name="client_first_name" id="client_first_name">   
    <label for="client_first_name">Client First Name:</label> 
    <input type="text" name="client_last_name" id="client_last_name">   
    <label for="client_last_name">Client Last Name:</label> 
    <input type="text" name="client_id" id="client_id"> 
    <label for="client_id">Client ID Number:</label>  
<li> 
    <label for="advisor_name">Advisor:</label> 
    <select type="text" name="advisor_name" id="advisor_name"> 
     <option>Please Select Advisor</option> 
     <option value="andrew">Andrew</option> 
     <option value="jamie">Jamie</option> 
    </select> 

    <label for="advisor_id">Advisor ID Number:</label> 
    <input type="text" name="advisor_id" id="advisor_id"> 
</li> 
</ul> 

Later in document...... 

<h3>Section 7</h4> 
<ul> 
<li> 
    <input type="text" name="client_first_name" id="client_first_name">   
    <label for="client_first_name">Client First Name:</label> 
    <input type="text" name="client_last_name" id="client_last_name">   
    <label for="client_last_name">Client Last Name:</label> 
    <input type="text" name="client_id" id="client_id"> 
    <label for="client_id">Client ID Number:</label>  
<li> 
    <label for="advisor_name">Advisor:</label> 
    <select type="text" name="advisor_name" id="advisor_name"> 
     <option>Please Select Advisor</option> 
     <option value="andrew">Andrew</option> 
     <option value="jamie">Jamie</option> 
    </select> 

    <label for="advisor_id">Advisor ID Number:</label> 
    <input type="text" name="advisor_id" id="advisor_id"> 
</li> 
</ul>

來源

2014-09-02 Gavin Wood

這會給你你需要的答案：http://stackoverflow.com/questions/11662715/copying-value-from-one-input字段到另一個輸入字段 – wf4 2014-09-02 12:46:13

並且您需要記住一次只能在頁面上使用一個ID，即使您使用該ID來收集相同的數據，該ID始終也必須是唯一的。 – wf4 2014-09-02 12:47:06

如果在同一頁面中您需要不同的ID。 – mplungjan 2014-09-02 12:47:26

如果在同一頁面，您需要不同的ID。

你可以做到這一點

FIDDLE

window.onload=function() { 
    var names=["client_first_name","client_last_name","advisor_name"],fields={}; 
    for (var i=0;i<names.length;i++) { 
    var fieldSet = document.getElementsByName(names[i]); 
    if (fieldSet.length==2) { 
     fields[names[i]]=fieldSet[1]; 
     if (fieldSet[0].type.indexOf("select")!=-1) { 
     fieldSet[0].onchange=function() { 
      fields[this.name].selectedIndex=this.selectedIndex; 
     } 
     } 
     else fieldSet[0].onkeyup=function() { 
     fields[this.name].value=this.value; 
     } 
    } 
    } 
}

來源

2014-09-02 12:52:12 mplungjan

從以前輸入的值自動填寫表格字段在同一個表格中

回答

相關問題