Не работает getElementById()
Добрый день, есть код на web форме
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div id="signForm" runat="server" visible="false" class="modal fade">
<div class="modal-body" >
<select class="select" name="listS" tag="listS" id="listSert" asp-for="listSert">
</select>
<asp:Label ID="signStatus" runat="server"></asp:Label>
<asp:HyperLink ID="signDownload" runat="server"></asp:HyperLink>
<div id="result"></div>
</div>
<div class="modal-footer">
<input type="button" ID="chooseSert" class="btn btn-primary" onclick="signData()" value="Подписать">
<asp:Button ID="closeSert" CssClass="btn btn-primary" runat="server" OnClientClick="$('#overlay').show();" Text="Закрыть" onclick="closeBtn_Click" Visible="true" />
</div>
</div>
<div id="signBox" runat="server" visible="false" class="modal fade">
<div class="modal-body" >
<asp:Label ID="Header" runat="server"></asp:Label>
</div>
<div class="modal-footer">
<asp:Button ID="signBtn" CssClass="btn btn-primary" runat="server" onclientclick="GetOption()" Text="Выбрать сертификат" onclick="signBtn_Click" Visible="true" />
<asp:Button ID="closeBtn" CssClass="btn btn-primary" runat="server" OnClientClick="$('#overlay').show();" Text="Закрыть" onclick="closeBtn_Click" Visible="true" />
</div>
</div>
<script type="text/javascript" >
function GetOption() {
var lSert = document.getElementById('listSert');
let newOption = new Option("1", "1");
lSert.append(newOption);
}
</script>
</asp:Content>
При выполнении скрипта в строке var lSert = document.getElementById('listSert'); выдает null.
При замене на var lSert = document.getElementsByTagName ('listS'); находит элемент, но не добавляет свойства, и свойство lSert.innerHtml не определено.
Помогите, пожалуйста, понять в чем проблема
|