Question

我有简单的javascript。我只需要从文本框中获取日期并传递给标签以用于其他目的。但问题出在这里。我能够提醒文本框中的内容，但是当我尝试将其加载到标签中时。它显示为空。

function get_WlcData() {
    if ($('#DropDownList1').val() == 'Required') {
        document.getElementById("wlcboard").style.display = '';
    } else {
        document.getElementById("wlcboard").style.display = 'none';
    }    
    var x = document.getElementById("reservation").value;
    alert(x);
    document.getElementById("lblreserve").innerHTML = "testing";
    document.getElementById("lblreserve1").innerHTML = "testasdad";
}

这是HTML

 <input type="text" name="reservation" id="lblreserve" class="form-control col-md-7 col-xs-12" />
 <asp:Label ID="lblreserve1" runat="server" CssClass="labelForm" Visible="False"></asp:Label>

Answer 1

唯一想到的是你引用一个不存在的ID

var x = document.getElementById("reservation").value;

在此代码中，您正在寻找具有id =“reservation”的内容的值，但该元素在您提供的HTML中不存在。那不是getElementById（“lblreserve”） - 因为这是输入元素的ID吗？

它也可能没有显示，因为您的标签设置为Visible =“False”，这意味着该值可能正在设置但不会显示，因为它在视图中隐藏。

Answer 2

首先，您必须显示隐藏的标签，然后将文本写入该标签

  document.getElementById("lblreserve").style.display= "inline";
 document.getElementById("lblreserve").innerHTML = "testing";

使用

写入文本框值

document.getElementById('lblreserve').value='new value';

Javascript不工作innerhtml

2 个答案: