我如何重用var name = document.getElementById（“name”）;多次在同一份文件中

Question

我确实遇到以下问题：

我正在使用PHP文档中的Javascript从MySQL数据库中检索数据。 它工作正常。问题是当我想重用var“ID”时 - 在这种情况下input type=text字段中的第一个名称没有响应，请有一个敏锐的大脑来帮助我。

以下是代码示例：

<script type="text/javascript"> 
window.onload=function() { attachBehaviors(); }; 
// 
function attachBehaviors() { 
 document.getElementById('person').onchange=function() { 
 loadUser(this.options[this.selectedIndex].value);  
 } 
} 
function loadUser(optionvalue) { 
 if (optionvalue=='') {  
 alert('navn');  
 return;
 } 
 opts = optionvalue.split(','); 
 var navn = opts[0];

document.getElementById('navn').value=navn;

$result=mysql_query("SELECT * FROM userdb ORDER BY ID DESC"); 
while($row=mysql_fetch_array($result)) { 
 $personName=$row['navn']; 

echo "<option value=\"$personName" </option>\n";
<div id="menu1">
<input type="text" id="navn" name="navn" placeholder="Navn" size="30" readonly/></br>
</div>
//and now it won't work.
<div id="menu2">    
<input type="text" id="navn" name="navn" placeholder="Navn2" size="30" readonly/></br>
</div>

Answer 1

你混合使用PHP和Javascript。你不能在javascript标签中进行mysql查询。