Question

有没有办法将div元素的值传递给文本框？

我的脚本代码

$(document).ready(function() {
    barcode.setHandler(function(barcode) {
        $('#result').html(barcode);
    });
    barcode.init();

我用以下代码显示结果

<div id="result"></div>

我无法将div值输入textBox。

 <input type="text" id="result">

Answer 1

Ids在给定页面上必须是唯一的;您的input和div都具有相同的ID。要从div插入到输入，首先获取div中的文本，然后使用.val()将其应用于输入。

＆＃13;

const foo = $('#foo').text();
$('#bar').val(foo);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">
  This is inside the div
</div>
<input type="text" id="bar"></input>

＆＃13;

Answer 2

要达到预期效果，请使用以下选项

避免对多个元素使用相同的id，而不是使用类或两个不同的id或使用一个作为类和其他用作id

＆＃13;

$(document).ready(function() {
console.log( $('#result').text())
        $('.result').val( $('#result').text());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="result">1222</div>
<input type="text" class="result">

＆＃13;

代码示例 - https://codepen.io/nagasai/pen/yjomXp

从div到textbox获取价值

2 个答案: