Using JavaScript to create a static variable within the inner HTML of a JSP

I've been attempting to utilize a JavaScript static variable within inner HTML to create dynamic IDs for HTML elements. Here's an example of my code:

arguments.callee.selectId = 0; 

var techDropDown = "<form:select type='catalogOwner' id='selectTech"+arguments.callee.selectId+"'" "path='resources[${status.index}].techName'><form:option value=''>--select--</form:option></form:select>";

arguments.callee.selectId++;

However, when trying to access this code, my JSP page is throwing an error stating Unterminated <form:select tag. Can anyone assist in identifying the issue here? Your help is greatly appreciated. Thank you in advance.

javascriptjsp

Answer №1

It is not possible to inject JSP tags dynamically with JavaScript, but you can dynamically add HTML as it can be interpreted by the browser directly.

JSP tags are converted into valid HTML by a J2EE server/container before being rendered by a browser. In this scenario, the request needs to be processed by the server/container for compilation and to retrieve the HTML output, which is where AJAX comes into play.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Dealing with bodyParser errors in Express.js

Whenever I try to upload an image that exceeds my 5mb limit, I get hit with a payload error. Is there a better way to handle payload errors, like sending JSON or HTML responses instead? PayloadTooLargeError: request entity too large at readStream (D:&b ...

javascriptnode.jsexpress

Filtering items in a list using Vue JS by different tags

Within my VueJS application, I have a plant array stored in my state. The array structure is as follows: state: { query: '', tag: '', plants: [ { ...

javascriptvue.jsvuejs2vuex

The hamburger menu for the responsive navigation bar is not being shown on the screen

I am having trouble creating the "Hamburger menu" on my website. It looks fine, but when I click on it, nothing happens. I have set up an event listener to detect any clicks on the button and toggle the class to display or hide the ul elements accordingly ...

javascripthtmlcssresponsivehamburger-menu

Updating values on an HTML page upon clicking a button can be achieved using AngularJS

Link to view my project demo: http://jsfiddle.net/Lvc0u55v/6741/ Utilizing AngularJS in my project. In the code snippet below, if a movie is not found, previous values should not persist: <form style="margin-bottom: 40px;"> <ul> ...

javascripthtmlangularjs

Updating a Parent component from a Child component in React (Functional Components)

My functional component RoomManagement initiates the fetchRooms function on the first render, setting state variables with data from a database. I then pass setLoading and fetchRooms to a child component called RoomManagementModal. The issue arises when t ...

javascriptreactjsreact-functional-component

Cross-domain scripting with JavaScript

I currently manage 2 subdomains securityservices.example.com workstations.example.com All workstations are associated with the workstations.example.com One of the workstations, known as WS789012 on the domain, is fully qualified as: WS789012.workst ...

javascripthtmlajax

What are the advantages of using the fat arrow instead of straight assignment?

Here we have a code snippet sourced from the 30 seconds of code website. This example, intended for beginners, has left me feeling stumped. The question arises: const currentURL = () => window.location.href; Why complicate things when you could just ...

javascripttypescript

Guide on displaying a tab based on the selected value of a SELECT element in JSP

Hey there, I've built a JSP page with multiple tabs. The first tab features a SELECT field, and depending on the value selected, I want to display the next tab. I've been trying to accomplish this but so far, no luck. Can anyone offer some assist ...

javajavascriptjqueryjsp

Revamp the code by implementing promises

Upon calling the code snippet below, the two Webtrends calls are getting cancelled instead of returning an HTTP 200 status. This happens because the form submission triggers the cancellation. To resolve this issue, I introduced a 2-second delay before subm ...

javascriptjqueryangularjstimeoutpromise

Orchard's TinyMce now supports a drop event with jQuery integration

Currently in the process of constructing a website using Orchrad. I have implemented the tinymce4 html editor for building landing pages without any issues thus far. However, my current challenge involves capturing the jQuery drop event within the TinyMce ...

javascriptjquerydrag-and-droporchardcmstinymce-4

Is there a way to redirect the user directly to the upload page without displaying the response?

Recently, I came across this code snippet that adds a progress bar to an upload form. Currently, the code displays the response from the upload page below the form. However, my goal is to redirect the user to the upload page so they can view the response t ...

javascriptphpjqueryhtmlajax

Issue with $cookies not functioning properly in Angular 1.4.2 version

Having trouble with Angular and injecting $cookies into a controller. The $cookies work fine in a service, but encountering issues in this specific controller. var app = angular.module('app', [ "ui.router", "ngCookies", 'ui.boo ...

javascriptangularjscookiesdependency-injection

My Vue.js accordion menu component is experiencing issues with toggle flags, causing it to malfunction

I have been working on my test case using Vue and I recently created a component called MultiAccordion. My intention was to open each slide based on the value of the status[index] flag. However, I am encountering an issue as this component does not seem ...

javascriptvue.js

Populating Hidden Form Fields with Dynamic Identifiers

I'm facing an issue with a form where I need to input a value into a hidden field upon clicking a button. Despite using unique IDs for all elements, the data is not being submitted in the POST request. The IDs are unique because there are multiple f ...

javascriptjquery

Refreshing local JSON data in Vue.js

Being fairly new to Vue.js, I encountered an issue where I am unable to update or write data in my local JSON file. Let's assume that I have a data.json file https://i.sstatic.net/GZKh5.png and I want to add a new entry to it. I am currently using ...

javascriptnode.jsvue.jsvuejs2

What is the best way to retrieve user input and perform calculations on my server's back-end?

Recently, I have been working on building a calculator using Node.js with express to run a server. To handle user inputs and perform calculations, I incorporated body-parser into my project. However, when attempting to log the input numbers for verificat ...

javascriptnode.jsexpressbackendweb-development-server

Tips for opening a local HTML file in Internet Explorer

Is there a way to make an HTML file saved on the desktop open in Internet Explorer instead of Chrome as the default browser? Alternatively, is it possible to set Microsoft Word hyperlinks to open website links in Internet Explorer? Thank you! ...

javascripthtmlms-office

Preventing navigation without using the <Prompt> component in React Router DOM V6

I have recently discovered that in react-router-dom v5, it was possible to utilize the <Prompt> component to prompt the user before a page transition occurs, allowing them to prevent it. However, this feature has been removed in v6 with plans for a m ...

javascriptreactjsreact-router-dompage-transition

The argument supplied to the `openUri()` function should be in the form of a string, but instead, it is displaying as "undefined". Please ensure that the initial parameter provided to either `mongoose.connect()`

Encountered error: The `uri` parameter passed to `openUri()` must be a string, but it is currently set as "undefined". Please ensure that the first parameter in either `mongoose.connect()` or `mongoose.createConnection()` is a valid string. Below are the ...

javascriptnode.jsmongodbexpress

What could be the reason why the angular time picker is not showing any

After using a time picker for booking and storing it in the database, I encountered an error while trying to pass the time to the input field during editing. Error: [ngModel:datefmt] Expected `01:00:00 pm` to be a date http://errors.angularjs.org/1.3.13/n ...

javascriptjqueryangularjs