javascript - 为什么 input type=text 的 document.getElementById 失败

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">

标签： javascriptphphtml

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>