爲什麼此代碼在使用表單標記時會導致錯誤？

我編寫了JavaScript代碼，通過onclick事件在文本框中顯示特定的div標籤。爲什麼此代碼在使用表單標記時會導致錯誤？

如果我使用窗體標籤，它不會在onclick中顯示文本字段中的div標籤ID。如果我刪除表單標籤，它工作正常。爲什麼？

來源：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 
function MMID(clicked_id) { 
    document.getElementById('MMID').value = clicked_id; 
} 
</script> 
</head> 
<body> 
<form action="" method="post"> 
    <div id="28" onclick="MMID(this.id)">Hello Ram</div> 
    <input name="MMID" type="text" id="MMID" /> 
</form> 
</body> 
</html>

來源

2013-12-23 user3128717

函數名和ID名稱應該是changed.Check安慰它會給你一個錯誤。

<script type="text/javascript"> 
function MMID_FUNC(clicked_id) 
{ 
    document.getElementById('MMID').value=clicked_id; 

} 
</script> 

<div id="28" onclick="MMID_FUNC(this.id)">Hello Ram</div> 
    <input name="MMID" type="text" id="MMID" />

來源

2013-12-23 07:06:11 Naeem

沒有顯示任何錯誤。如果我使用表單標籤，onclick功能不工作。如果我刪除表單標籤工作正常 – user3128717

謝謝你frnd。工作正常。 – user3128717

@ user3128717沒問題。如果問題得到解決，則將答案標爲正確。謝謝 – Naeem

試試這個

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 
function MMID(clicked_id) 
{ 
document.getElementById('MMID').value=clicked_id; 

} 
</script> 
</head> 
<body> 
<form action="" method="post"> 
<div id="28" onclick="javasxcript: MMID(this.innerHTML)">Hello Ram</div> 
<input name="MMID" type="text" id="MMID" /> 
</form> 
</body> 
</html>

來源

2013-12-23 07:14:17

使用下面的代碼：

<div id="28" class="mycls">Hello Ram</div> 

$('.mycls').click(function(){ 
    clicked_id = $(this).attr('id'); 
    $('#MMID').val(clicked_id); 
});

您需要在您的網頁上加載的jQuery上面代碼中使用，但它很簡單。

讓我知道是否有任何查詢。

謝謝！

來源

2013-12-23 07:15:21 Chandresh

試試這個：

<div id="28" onClick="MMID(this);">Hello Ram</div> 
<input name="MMID" type="text" id="MMID" />

的Javascript：

function MMID(ele) 
{ 
    document.getElementById('MMID').value= ele.id; 
}

來源

2013-12-23 07:16:59 HICURIN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    <script type="text/javascript"> 
     function mmid(clicked_id) { 
      document.getElementById('MMID').value = clicked_id; 
     } 
    </script> 
</head> 
<body> 
<form action="" method="post"> 
    <div id="28" onclick="mmid(this.id)">Hello Ram</div> 
    <input name="MMID" type="text" id="MMID" value="" /> 
</form> 
</body> 
</html>

來源

2013-12-23 07:18:17 Sorbo

不要爲你的表單標籤功能和DIV ID把同一個名字。 Javascript認爲MMID是一個對象，而不是一個函數。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Untitled Document</title> 
     <script type="text/javascript"> 
      function gets(clicked_id) 
      { 
       document.getElementById('MMID').value=clicked_id; 

      } 
     </script> 
    </head> 
    <body> 
     <form action="tests.php" method="post"> 
      <div id="28" onclick="gets(this.id)">Hello Ram</div> 
      <input name="MMID" type="text" id="MMID" /> 
     </form> 
    </body> 
</html>

來源

2013-12-23 07:23:08 pzoli89

爲什麼此代碼在使用表單標記時會導致錯誤？

回答

相關問題