Question

我目前正在开发一个程序，该程序扫描包含资产标签的QR码。扫描后，文本结果显示在具有4行的文本区域中。我要做的是单击按钮时将每一行分开，并将每一行放入单独的文本框中。

我已经尝试过使用split并将结果放入数组中，然后将值返回到文本框中，但是字符串不会显示。

这是html

<div class="col-xs-6">
    <textarea id="qr" rows="5" cols="50"></textarea>
</div>
<div class="row">
    <div class="col-xs-6" style="float: right;">
        <button type="button" class="btn2" id="qrconf" style="width: 50%; padding: 2px;">Confirm</button>
    </div>
</div>
<div class="row" style="float: right; margin-top: 5%;">
    <div class="col-xs-6">
        <input type="text" name="atag" id="atag" class="txtb3"><br />
        <label>Asset Tag</label>
    </div>
    <div class="col-xs-6">
        <input type="text" name="snum" id="snum" class="txtb3"><br />
        <label>Serial Number</label>
    </div>
</div>
<br />
<div class="row" style="float: right; margin-top: 5%;">
    <div class="col-xs-6">
        <input type="text" name="model" id="model" class="txtb3"><br />
        <label>Model</label>
    </div>
    <div class="col-xs-6">
        <input type="text" name="usname" id="usname" class="txtb3"><br />
        <label>User's Name</label>
    </div>
</div>

这是jQuery部分

$("#qrconf").click(function(){
    var qr = ${"#qr"}.val();
    atag = qr.split(/\n/);
    $("#atag").val(atag[2]);
});

那已经在文档准备功能中了。

这应该将文本区域的第三行返回到#atag文本框，但什么也不会返回

Answer 1

将var qr = ${"#qr"}.val();更改为var qr = $("#qr").val();

$("#qrconf").click(function(){
    var qr = $("#qr").val();
    atag = qr.split(/\n/);
    $("#atag").val(atag[2]);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-xs-6">
    <textarea id="qr" rows="5" cols="50"></textarea>
</div>
<div class="row">
    <div class="col-xs-6" style="float: right;">
        <button type="button" class="btn2" id="qrconf" style="width: 50%; padding: 2px;">Confirm</button>
    </div>
</div>
<div class="row" style="float: right; margin-top: 5%;">
    <div class="col-xs-6">
        <input type="text" name="atag" id="atag" class="txtb3"><br />
        <label>Asset Tag</label>
    </div>
    <div class="col-xs-6">
        <input type="text" name="snum" id="snum" class="txtb3"><br />
        <label>Serial Number</label>
    </div>
</div>
<br />
<div class="row" style="float: right; margin-top: 5%;">
    <div class="col-xs-6">
        <input type="text" name="model" id="model" class="txtb3"><br />
        <label>Model</label>
    </div>
    <div class="col-xs-6">
        <input type="text" name="usname" id="usname" class="txtb3"><br />
        <label>User's Name</label>
    </div>
</div>

在文本区域上拆分字符串，然后将其放在其他文本框中

1 个答案: