谁能帮我告诉我为什么我在函数中得到一个空值

Question

这是代码

这是脚本

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

    var name= document.getElementById('first_name').value;
    alert(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>

Answer 1

因为您没有将 Id 设置为 first_name 的元素

你应该有类似的东西

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

Answer 2

var name= document.getElementById('first_name'); 您应该有一个 ID 为“名字”的元素。 例如，`

<input type="text" id="first_name" value="Type your text here"/>然后你会得到一个对象的输出。

如果您按如下方式重写上述行，

var name= document.getElementById('first_name').value; 您将在警报框中看到“在此处输入您的文字”。 即：在文本框中将属性名称更改为 id。

Answer 3

现在您在警报中有元素的值。

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=

JS

 $(document).ready(function(){    
   $('#done_edit').click(function(){
      var name= document.getElementById('first_name').value;
      alert(name);
   });
 });