Javascript 有人能帮助我，告诉我为什么我在函数中得到一个空值吗

这是密码

这是剧本

 <script>
 $(document).ready(function(){    
   $('#done_edit').click(function(){

    var name= document.getElementById('first_name').value;
    alert(name);
   });
});

$（文档）.ready（函数（）{
$（“#完成_编辑”）。单击（函数（）{
var name=document.getElementById（'first_name'）。值；
警报（名称）；
});
});

这是表格

<form id="passedit" class="submit">
<label>First Name:</label><input type="text"  name="first_name" class="form-control" value="<?php echo $row['name'];?>" />

<button type="submit" class="btn btn-info" id="done_edit" >DONE<span class="glyphicon glyphicon-check"></span></button>

名字：因为没有Id设置为First\u Name的元素

你应该吃点类似的东西

<input type="text" id="first_name" class="form-control">

var name=document.getElementById（'first_name'）；
您应该有一个ID为“firstname”的元素。
比如说,`


然后，您将获得作为对象的输出

如果您将上述行重写如下

var name=document.getElementById（'first_name'）。值
您将在警报框中看到“在此处键入文本”。
ie:将文本框中的属性名称更改为id。

现在，您在警报中看到了元素的值

HTML

<form id="passedit" class="submit">
<label>ID Number:</label><input id="first_name" type="text" 
 name="id_number" class="form-control" value="<?php echo 
 $row['name'];?>" />
<button type=

我没有看到id为
first\u name
的元素也使用
.value
来查找值。您应该这样做。如果没有for属性或表单控件，标签将毫无用处。
 $(document).ready(function(){    
   $('#done_edit').click(function(){
      var name= document.getElementById('first_name').value;
      alert(name);
   });
 });