Question

我有 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;
}

Answer 1

您可以使用 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;
                        
    
}

尽管设置了 .innerHTML textarea 仍然为空

1 个答案: