如何获取输入字段中的最后一个字符/数字？答案

【问题标题】：How can I get the last character/number in input fields?如何获取输入字段中的最后一个字符/数字？
【发布时间】：2020-03-23 14:55:00
【问题描述】：

如何使用python类基视图调用javascript中的输入id？

Javascript：

<script>
function myFunction() {
  var txt = document.getElementById("Plate_no").value;
  var res = txt.charAt(txt.length-1);
  document.getElementById("Ending").innerHTML = res;
}
</script

这是我的 HTML 表单

<form method="POST">
{% csrf_token %}
    <div class="col-sm-4">
        <label>Plate Number:</label>{{ form.Plate_no }}
        <button onclick="myFunction()">Get Ending</button>
    </div>
    <div class="col-sm-4">
        <label>Conduction Sticker Number:</label>{{ form.Conduction_Sticker }}
    </div>
    <div class="col-sm-4">
        <label>Remarks:</label>{{ form.Remarks }}
    </div>
    <div class="col-sm-4">
        <label>CR Name:</label>{{ form.CR_name }}
    </div>
    <div class="col-sm-4">
        <label >Ending:</label>{{ form.Ending }}
    </div>

【问题讨论】：

可能重复here

标签： javascript html python-3.x

【解决方案1】：

在 Javascript 中，字符串是一个 char 数组，因此您可以通过字符串的长度来访问最后一个字符。

var res = txt[txt.length -1];

【讨论】：

是的，但是在我的 javascript 代码中无法获取输入值。由于我使用的是类基视图，因此可以调用这些字段？
假设您有一个名为 Plate_no 的正确 ID，您可以尝试使用 innerText，例如 var txt =document.getElementById("Plate_no").innerText。这可能行得通。

【解决方案2】：

试试这个：

function myFunction() {
  var txt = document.querySelectorAll("input")[0].value;
  var res = txt.charAt(txt.length-1);
  document.getElementById("Ending").innerHTML = res;
}

<div class="col-sm-4">
    <label>Plate Number:</label><input>
    <button onclick="myFunction()">Get Ending</button>
</div>
<div class="col-sm-4">
    <label>Conduction Sticker Number:</label>{{ form.Conduction_Sticker }}
</div>
<div class="col-sm-4">
    <label>Remarks:</label>{{ form.Remarks }}
</div>
<div class="col-sm-4">
    <label>CR Name:</label>{{ form.CR_name }}
</div>
<div class="col-sm-4">
    <label >Ending:</label><div id="Ending">{{ form.Ending }}</div>
</div>

【讨论】：

【解决方案3】：

使用getElementById() 函数时，需要在要选择的元素上具有id="" 属性。

<label> Plate Number: </label>
<span id="plate_no"> {{ form.Plate_no }} </span>

【讨论】：