Question

我正在尝试使用getElementById从表单获取数据。如果我从选择表单中获取内容（如以下所示），它会起作用，但是为什么当我尝试从文本框获取内容时却失败了？

<select name="permission" id="permission" class="select2">
    <option value="rw">Read &amp; Write</option>
    <option value="r">Read Only</option>
</select>
<p id="demo"></p>

<script>
    var x= document.getElementById("permission").value;
    document.getElementById("demo").innerHTML = x;
</script>

如果我将“权限”更改为“租户”以从下面的文本框中获取内容，则不会显示。我很困惑。_。

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

Answer 1

你能试试吗

  function tenants_change(){
  var x= document.getElementById("tenants").value;
  document.getElementById("demo").innerHTML = x;
  }
tenants_change();

<input type="text"  id="tenants" name="tenants" value="value" onchange="tenants_change()" class="form-control">
  <p id="demo"></p>

Answer 2

请使用

<input type="text"  id="permission" name="tenants" class="form-control">

Answer 3

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

如果您想从上面的代码中获取值，请使用它。

var x = document.getElementById("tenants").value;

查看原始脚本

<select name="permission" id="permission" class="select2">
    <option value="rw">Read &amp; Write</option>
    <option value="r">Read Only</option>
</select>
<p id="demo"></p>
<script>
  var x= document.getElementById("permission").value;
  document.getElementById("demo").innerHTML = x;
</script>

此代码仅从ID为select的{{1}}获取值，并将其存储到ID为permission的{{1}}。

Answer 4

您的问题有点令人困惑，所以我将以我能理解的方式回答。

您要从其id值为“ permission”的数据中获取数据。正确的语法将是这样：

HTML：

<input type="text"  id="permission" name="tenants" class="form-control">

Javascript：

var x = document.getElementById("permission").value;

Answer 5

您可以在下面给喜欢

<input type="text" id="txtbox" name="txtbox" value="" class="form-control">
<script>
    var x= document.getElementById("txtbox").value;
    document.getElementById("demo").innerHTML = x;

    //or you can use jquery if you want

    var x = $("#txtbox").val();
    ("#demo").html = x;
</script>

Answer 6

您仅在加载时执行脚本，如果要在手动更改输入值后查看，则应添加事件侦听器，但是在您的示例中，您要做的只是给文本框添加内容默认值：

 var x= document.getElementById("tenants").value;
    document.getElementById("demo").innerHTML = x;

<p id="demo"></p>

<input type="text" id="tenants" name="tenants" class="form-control" value="see??">

为什么输入type = text的document.getElementById失败

6 个答案: