javascript - 尽管设置了 .innerHTML,textarea 仍为空
问题描述
我有 2 个字段,我从中选择一些要连接的值并发布在一个 div 中,在提交时,我将其保存到数据库中。所以我从'tags1'和'tags2'中选择值,然后按下按钮'adauga',连接值显示在文本区域中,id为'd11'。到目前为止,一切正常,直到我按下“清除”按钮从值中清除 div。之后,如果我再次尝试添加值,它不起作用,'d11' div 中不会显示任何内容。下面是html和脚本:
<select name="tehnologie[]" id="tags2" size="13" multiple = "multiple">
<option value="GSM">GSM</option>
<option value="UMTS">UMTS</option>
<option value="LTE">LTE</option>
<option value="NR (5G)">NR (5G)</option>
<option value="Radiodifuziune AM">Radiodifuziune AM</option>
<option value="Radiodifuziune FM">Radiodifuziune FM</option>
<option value="TV digital">TV digital</option>
<option value="TV analogic">TV analogic</option>
<option value="PMR/PAMR">PMR/PAMR</option>
<option value="Satelit">Satelit</option>
<option value="Aero">Aero</option>
<option value="RAmator">RAmator</option>
<option value="Alte aplicatii radio">Alte aplicatii radio</option>
</select>
<input name="banda_buffer" type="number" list="frecvente" id="tags1" >
<datalist id="frecvente">
<option value="800">800</option>
<option value="900">900</option>
<option value="1800">1800</option>
<option value="2100">2100</option>
<option value="2600">2600</option>
</datalist>
<input hidden type="text" id="tags3" >
<input type="button" id="adauga" onClick="myFunction1();" name="adauga" value="+" />
<textarea id="d11" name="banda" rows="5" cols="300" readonly class="form-control input-md"></textarea>
<button type="button" onclick="ClearFields();">Clear</button>
<input type="submit" id="submit" name="submit" onClick="alerta();" value="Salveaza" class="btn btn-primary">
和js:
var cpvuri1=[];
var AreaToDisplay1=document.getElementById('d11');
function myFunction1(){
var text1=document.getElementById('tags1').value;
var text2=document.getElementById('tags2').value;
var text3= text2 +' - '+ text1;
cpvuri1.push(text3);
AreaToDisplay1.innerHTML=cpvuri1;
}
function ClearFields() {
document.getElementById("d11").value = "";
document.getElementById("tags1").value = "";
document.getElementById("tags2").value = "";
document.getElementById("tags3").value = "";
cpvuri1=[];
}
function alerta() {
document.getElementById("tags3").value = cpvuri1;
}
解决方案
您可以使用 value 而不是 innerHTML
function myFunction1(){
var text1=document.getElementById('tags1').value;
var text2=document.getElementById('tags2').value;
var text3= text2 +' - '+ text1;
cpvuri1.push(text3);
AreaToDisplay1.value=cpvuri1;
}
推荐阅读
- java - 在 Lombok 中,@AllArgsConstructor 和 @RequiredArgsConstructor 有什么区别?
- python - 将表的所有列转换为熊猫数据框中行的移动平均值
- react-native - React Native:共享指向应用程序客户端呈现页面的链接?
- javascript - Javascript reduce, count from second occurence
- javascript - React + Formik + redux:从 submitForm() 捕获到未处理的错误 TypeError: Object(...) is not a function
- ruby - 大整数中最常见数字的 Ruby 计数
- java - 我正在尝试随机化四个变量,但似乎什么也没发生
- azure-devops - 在作业之间动态创建作业依赖关系
- python-3.x - 使用 aws-encryption-sdk 在本地环境中使用上下文解密
- angular - 如何在另一个formArray中循环一个FormArray