gpt4 book ai didi

javascript - 如何从服务器获取字符串值并将每个字符拆分并插入到html中的输入文本框中

转载 作者:行者123 更新时间:2023-11-28 01:12:10 25 4
gpt4 key购买 nike

Input fiald design in html

我有一个 html 表单以与上面类似的模式进行设计,其中值必须来自服务器并位于 block 内。我的想法是在 block 内创建单独的输入字段并从服务器获取值并将每个字符分开插入到字段中。那么我应该怎么做才能实现它呢?

最佳答案

完整示例:

function loaded() {

var
elementsStr = '<b>UMRN </b>',
i;

for (i=1; i <= 21; i++) {

elementsStr += '<input maxlength="1" type="text" id="text_' + i + '" class="txt">';
}

document.getElementById('content').innerHTML = elementsStr;
}

function run() {

var
valueFromServer = 'QWERTYUIOPASDFGHJKL34234234ZXCVBNM',
i,
letter,
today = new Date();
dd = ('0' + today.getDate()).slice(-2),
mm = ('0' + (today.getMonth() + 1)).slice(-2), // January starts from 0
yyyy = '' + today.getFullYear();

for (i=1; i <= 21; i++) {

letter = valueFromServer[i-1];

if (!letter) {

break;
}

document.getElementById('text_' + i).value = valueFromServer[i-1];
}

document.getElementById('date_d1').value = dd[0];
document.getElementById('date_d2').value = dd[1];

document.getElementById('date_m1').value = mm[0];
document.getElementById('date_m2').value = mm[1];

document.getElementById('date_y1').value = yyyy[0];
document.getElementById('date_y2').value = yyyy[1];
document.getElementById('date_y3').value = yyyy[2];
document.getElementById('date_y4').value = yyyy[3];
}
.txt {

width: 20px;
text-align: center;
}
<body onload='loaded()'>
<p id="content">

</p>
<p>&nbsp;</p>
<p id="contentForDate">

<b>DATE </b>
<input maxlength="1" type="text" id="date_d1" class="txt"><input maxlength="1" type="text" id="date_d2" class="txt">

<input maxlength="1" type="text" id="date_m1" class="txt"><input maxlength="1" type="text" id="date_m2" class="txt">

<input maxlength="1" type="text" id="date_y1" class="txt"><input maxlength="1" type="text" id="date_y2" class="txt">
<input maxlength="1" type="text" id="date_y3" class="txt"><input maxlength="1" type="text" id="date_y4" class="txt">
</p>
<p>&nbsp;</p>
<input type="button" value="Run!" onclick="run()">
</body>

关于javascript - 如何从服务器获取字符串值并将每个字符拆分并插入到html中的输入文本框中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37202742/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com