Javascript 无法获取2个文本框的值

Javascript 无法获取2个文本框的值,javascript,html,textbox,Javascript,Html,Textbox,我试图用Javascript获取两个文本框的值 文本框1,没有问题 文本框2,相同的代码,但什么也没发生 这是密码 var fieldname; fieldname = document.getElementById("div"+field).getAttribute("field"); alert(fieldname); // RETURNS "Birthdate" var textval; textval = document.getElementById("textfield"+

我试图用Javascript获取两个文本框的值

文本框1,没有问题

文本框2,相同的代码,但什么也没发生

这是密码

var fieldname;
fieldname = document.getElementById("div"+field).getAttribute("field");

alert(fieldname);    // RETURNS "Birthdate"
var textval;

textval = document.getElementById("textfield"+field).value;
alert(textval);      // RETURNS NOTHING
var字段
是文本框和
div的id


为什么不起作用?

在发布类似于这样的html/javascript/css问题时,隔离代码并将其放入JSFIDLE()中。这不仅可以让其他人更快地为您解决问题,而且通常将代码与您的环境隔离可以减少可能导致意外行为的额外因素。通常,将代码片段移动到jsfiddle.net的过程会在其他人需要参与之前显示问题

其次,我建议修改调试实践,使其比使用警报更容易:

  • 使用js控制台运行浏览器
  • 日志调试到console.Log()
  • 要确保console.log的优雅降级,请将以下代码添加到全局javascript中:

    if(typeof(console)='undefined'){console={log:function(){};}

  • 在控制台中运行js,检查静态代码中出现错误的值,例如

    • 运行
      document.getElementById(“textfield”+field).value
      检查所需的值是否可用,如果找不到所需的值,则返回该行,例如,如果
      .value
      不可用,则运行
      document.getElementById(“textfield”+field)
      并展开对象以查看其内容,等等
  • 您还可以在控制台中运行任意选择的javascript,通过单击访问页面加载创建的可用javascript对象。这在一定程度上减少了在警报中手动编码的需要

当发布类似这样的html/javascript/css问题时,隔离代码并将其放入JSFIDLE()中。这不仅可以让其他人更快地为您解决问题,而且通常将代码与您的环境隔离可以减少可能导致意外行为的额外因素。通常,将代码片段移动到jsfiddle.net的过程会在其他人需要参与之前显示问题

其次,我建议修改调试实践,使其比使用警报更容易:

  • 使用js控制台运行浏览器
  • 日志调试到console.Log()
  • 要确保console.log的优雅降级,请将以下代码添加到全局javascript中:

    if(typeof(console)='undefined'){console={log:function(){};}

  • 在控制台中运行js,检查静态代码中出现错误的值,例如

    • 运行
      document.getElementById(“textfield”+field).value
      检查所需的值是否可用,如果找不到所需的值,则返回该行,例如,如果
      .value
      不可用,则运行
      document.getElementById(“textfield”+field)
      并展开对象以查看其内容,等等
  • 您还可以在控制台中运行任意选择的javascript,通过单击访问页面加载创建的可用javascript对象。这在一定程度上减少了在警报中手动编码的需要
:
当我在firefox的javaconsole中使用此代码时,没有任何错误


当我在firefox的javaconsole中使用此代码时,没有任何错误

您的代码中有一个重要的部分丢失了—HTML在哪里???你也可以发布吗?你能分享你的HTML吗?“问题”也不是一个很好的标签;我将为你删除这一个。但是我们有49个关于标记的问题。嘿,我并没有说它没有在其他地方使用。@Dean-这更多的是观察我们如何有49个带有无用、多余标记的问题。你的代码的一个重要部分丢失了-HTML在哪里???你也可以发布吗?你能分享你的HTML吗?“问题”也不是一个很好的标签;我会帮你去掉这个标签。但是我们有49个问题。嘿,我并没有说它没有在其他地方使用。@Dean-这更多的是观察我们如何有49个问题带有无用的多余标签。说真的,
alert
是你唯一选择的日子已经过去了!说真的,
alert
是你唯一选择的日子已经过去了!
<div id="div<?php echo $aantal;?>" field="<?php echo $rows['field'];?>">
                            <h3><?php echo $rows['name'];?>:</h3>
                            <p id="p<?php echo $aantal;?>">
                                <input type="text" id="textfield<?php echo $aantal;?>" value="<?php echo $rows['default'];?>" MAXLENGTH="<?php echo $rows['length'];?>"/><br/>
                                <input type="button" id="buttonacc<?php echo $aantal;?>" value="Verzend" onClick="acc('<?php echo $aantal;?>');"/>
                                <input type="button" id="buttonden<?php echo $aantal;?>" value="Nu niet!" onClick="den('<?php echo $aantal;?>');"/>
                            </p>
</div>
javascript:var val = 1;alert(document.getElementById("textfield"+val).value)