Is there a way to retrieve the value of an ASP.NET Literal control in JavaScript? I attempted the code below but it didn't return any values:
var companyName = document.getElementById('litCompanyName').textContent;
var companyNumber = document.getElementById('litCompanyNumber').textContent;
Appreciate any assistance!
It is necessary to publish your literal in a web form or view, as ASP.NET code cannot be published in .js files. You can achieve this by following the example below:
<script>
var companyName = <%= [YOUR LITERAL]; %>
</script>
Afterwards, you can utilize it accordingly.
When developing in Asp.net, it is important to note that the ID of a page may change once it is rendered in HTML. To verify this, inspect the HTML code using FireBug in Mozilla Firefox.
For instance, when dealing with labels:
<asp:Label ID="SaveTime" runat="server"></asp:Label>
var companynumber = document.getElementById('<%=SaveTime.ClientID%>').Text;
When working with Literal elements, make sure to enclose them within a div or span:
<span id="yourId"><asp:Literal ID="SaveTime" runat="server"></asp:Literal></span>
To retrieve the value using JavaScript:
var value = document.getElementById('yourId').innerText;
Unfortunately, it is not possible to directly manipulate a literal control in ASP.NET. The content within a literal control is static and cannot be changed dynamically through client-side scripting. However, there are workarounds available.
One option is to use a hidden field or a Label control instead of a literal control. By doing so, you can modify the content of these controls using JavaScript. When referencing ASP.NET controls in JavaScript, consider setting ClientIDMode="Static" for easier access, or wrap the content of the literal control in an HTML element with a specified ID.
Here's an example:
litCompanyName.Text = "<span id=\"company-name\">" + Company.Name + "</span>";Then, in your JavaScript code:
var companyname = document.getElementById('company-name').innerText;The server-side literal control only displays the text content when the page is rendered, without any additional HTML structure. For instance:
The company name is <asp:Literal ID="litCompanyName" runat="server" Text="Google" />
will appear in the HTML code as:
The company name is Google
If you want to access this text content with JavaScript, you will need to wrap it within an element like so:
<span id="CompanyName"><asp:Literal ID="litCompanyName" runat="server" /></span>
Now you can retrieve the text using
document.getElementById('CompanyName').innerHTMLI am currently implementing the AngularJs Bootstrap typeahead functionality. Typically, when we enter text that matches an option, the dropdown list appears. https://i.stack.imgur.com/395Ec.png What I aim for is to automatically fill the textbox with the ...
I attempted to design a form that allows for multiple inserts, where users can add as many titles and languages as they desire by entering a number. The display of titles and languages is functioning correctly, but I am struggling to retrieve the individua ...
After successfully setting up the backend of my website using Sails JS, I decided to integrate Vue.js into my project. Following the installation of Vue and VueResource through npm install --save, I created an app.js file in my assets/js folder. However, ...
Within the code snippet below, on the 4th line, 'Messages' is the name of my MongoDB collection that I created in another file. When I attempt to retrieve data from this collection, no errors occur. However, when I specify the name of a differen ...
I'm in the process of constructing a community platform on firebase that features timelines and posts similar to those found on Facebook. When a user creates a post, it should automatically appear on the timelines of their followers. Google proposes ...
I am attempting to delete files on the SERVER using JavaScript, and I have already consulted the advice provided in this JavaScript file deletion thread My current JavaScript code looks like this: deleteFile = function() { return $.ajax({ url: "de ...
I am currently working on developing a mouseover navigation website. Initially, my design included main buttons for "Our Team", Locations, and Patient Resources. Here is the basic structure I had before attempting to switch to a mouseover approach... &l ...
Is there a way to display JSON data in HTML format? I have a JSON file containing reviews from Facebook, and I would like to showcase them on my website. Each review should be placed in its own div element. The JSON data below is extracted from the Faceboo ...
I'm currently working on creating a unique bead-like object using Three.js, specifically a sphere with a cylinder passing through it. While I can create these two components individually, I'm struggling to match the heights of the sphere and cyli ...
I want to display dates based on the users' time zones. I am hoping that Angular provides a way to globally configure the Date filter for this purpose. Doing it manually for each case doesn't seem right to me. My timestamps are already passed t ...
Currently, my setup includes: node.js: 9.8.0 Jest: 23.4.2 ts-jest: 23.1.3 typescript: 2.9.2 While attempting the following in my *.test.ts files: const foo = () => 'bar'; console.log(foo.name); // '' foo contains the name pro ...
I am currently facing an issue with my form where each time a user updates a value in an input field, a new array element is created and added to the form results. I'm looking for a way to update the properties of the existing array element without cr ...
I'm currently facing an issue with adding additional data to my serialized form string. The situation is that I have a form with a set of fields called "Services", and users are able to add as many services as they want dynamically using a button in t ...
I've encountered a sudden error in my gulp build related to jQuery validation. There haven't been any recent changes that would trigger this issue. Interestingly, one of my colleagues is experiencing the same problem, while another one is not. We ...
Looking to streamline the process of replacing standard confirm() boxes with Bootstrap modals for saving and deleting on a page. Each operation has its own button (referred to as the action button) which triggers the corresponding modal. Upon clicking the ...
I am in search of a straightforward Bootstrap 4 carousel that showcases a glimpse of the next slide on the right. Despite exploring similar questions, I have not found a suitable solution. The links to those questions are: 1)Bootstrap carousel reveal part ...
My web application requires sending data to an API hosted on a different domain. The API processes the received data and jQuery AJAX handles the response. This process works smoothly on Chrome and Firefox, but encounters issues on Internet Explorer. While ...
I am looking to display not only the time, but also the month, date and year. My attempted solution involved creating variables for the month, day and year, and then using getElementById. Here is an example of what I tried: var d = date.getDay(); var mn ...
How can we create a regex pattern that allows letters, numbers, and certain special characters (- and .) while disallowing others? #Code private _createModelForm(): FormGroup { return this.formBuilder.group({ propertyId: this.data.propertyId, ...
I am new to using jest/enzyme and I am facing a challenge in mocking a call to an asynchronous function that returns a Promise. This call is within a react component's componentDidMount method. The purpose of the test is to verify that componentDidMo ...