Hey there, I'm facing an issue with JavaScript.
Please check out my website . What I want is that when I select "Option One", even after reloading the website, it should stay selected as "Option One" and not revert back to "Select...".
Any ideas on how to achieve this?
Thanks!
EDIT: Here's my PHP script:
<?php
if (isset($_POST['mySelect']))
{
$value = $_POST['mySelect'];
if ($value == 1) {
echo "blabla";
}
elseif ($value == 2) {
echo "hello";
}
}
To achieve the desired outcome, you have two options:
<?php
if (isset($_POST['mySelect']))
{
$value = $_POST['mySelect'];
echo "<script>$('select option[value=\"".$value."\"]').attr('selected', 'selected');</script>";
if ($value == 1) {
echo "blabla";
}
elseif ($value == 2) {
echo "hello";
}
} ?>
Alternatively, you can modify the HTML directly and eliminate the need for JavaScript:
<?php
if (isset($_POST['mySelect']))
{
$value = $_POST['mySelect'];
if ($value == 1) {
echo "blabla";
}
elseif ($value == 2) {
echo "hello";
}
} ?>
<select id="mySelect" name="mySelect" onchange="document.getElementById('myForm').submit();">
<option value="" selected="selected">Select...</option>
<option value="1" <?php if($value == "1") echo "selected"; ?>>Option One</option>
<option value="2" <?php if($value == "2") echo "selected"; ?>>Option Two</option>
</select>
To achieve the desired result, it is important to use PHP to specify the selected option.
<select id="mySelect" name="mySelect" onchange="document.getElementById('myForm').submit();">
<option value="" selected="selected">Select...</option>
<?php
$selected1 = ($value==1)?"selected":"";
$selected2 = ($value==2)?"selected":"";
echo '<option value="1" '. $selected1 . ' >Option One</option>';
echo '<option value="2" ' . $selected2 . ' >Option Two</option>';
?>
</select>
After updating a record in the database, I plan to make modifications using an AJAX request. Once that is done, I will dynamically add a class to the rendered div by utilizing the addClass method. The class being added (we'll refer to it as colored) c ...
Currently in the process of constructing a React-based website, initiated with create-react-app and incorporating react-router-dom`. The setup is as follows: index.js import React from 'react'; import ReactDOM from 'react-dom'; impor ...
Right here: Upon reading the documentation, I discovered: onItemInserting has the following arguments: { grid // represents the grid instance item // item being inserted } In my software application there are multi ...
Our web application is built on Spring MVC and Thymeleaf. When a user lands on the home page with a GET request, they enter 2 parameters and submit a POST request. After successful submission, they are directed to another page (let's call it page2) wi ...
setInterval(function () { refreshGauge(); }, 5000); var chart1 = null; function refreshGauge() { $.ajax({ type: "POST", url: "Default.aspx/GetGuageData", data: '{}', contentType: ...
Struggling with passing a prop from a parent component down to a child created using CreateElement/render in vue.js and then watching it. Here is the parent component: Vue.component('my-drawing', MyDrawing) new Vue({ el: '#drawing' ...
Using this specific button element in my JavaScript implementation has raised some concerns. <button id="bid" type="button" class="button" onclick="connect()">Save</button> While I have noticed that it displays an alert message when 'ale ...
I have encountered some challenges while attempting to import external JS and CSS files into my Angular 5 application. Below is the code snippet that I have tried so far: Component.ts : ngOnInit() { this.loadScript(); // also attempted with ...
Greetings! I am currently in the process of developing a to-do list application, but I have encountered the following error: TypeError: Cannot read property 'map' of undefined Below is the code snippet where the error occurs: 4 | function T ...
This might lean towards a pure JS question, but I'm including Angular2 as well in case any developers with Angular expertise have alternative techniques for this While developing an angular2 application, I'm implementing a keydown event handler ...
I've been working on a website that showcases tech deals, and I've encountered an issue where if I insert a product after the ninth one, it doesn't align properly. Instead of appearing to the left of the ninth product, it displays below it. ...
Struggling to navigate the JSON data due to ID 29450 and 3000 out of a total of 1500 IDs in the database. Looking to log the information ['Id', 'Description', 'StartDate'] for both IDs. Feeling a bit stuck, hoping someone can ...
After setting up an authentication system in express using firebase auth, I established an endpoint in my express server: app.post('/users/login', (req, res) => { console.log('logging in...'); firebase.auth().signInWithEmail ...
The issue at hand is quite simple: An error occurred because I tried to compare a number with a 'Ref<number>' object. It seems ridiculous that I can't compare two numbers, but as I am new to Typescript, I would greatly appreciate some ...
One of my index files includes Gsap and Barba JS, while an inner page includes additional JS files such as locomotive.js and OWLcarousel.js. These two JS files are not necessary for the index page. However, when transitioning from the index page to the inn ...
As I work on developing a more extensive web application, I have come to realize the importance of modularizing my routes into separate files. However, in doing so, I've noticed that I end up duplicating a lot of required modules. Prior to moving the ...
Currently, I am working on implementing a login system in next.js. In the login page, I have included a Link to the Register page using the Link href attribute. However, every time I click on that link, it displays a message saying "404 page not found." Al ...
I am trying to achieve a camera movement effect where the camera transitions from its current position to the center of a mesh (which is a sphere and I want to be inside of it) when a button is clicked. I have implemented a function with a tween for this ...
When utilizing the ion-header-bar directive, I have the left side designated as class="button", the middle section containing <h1> with the word "Recent", and the right side as <ng-icon>. The text on the left side is dynamically generated usin ...
When I send this specific URL from my Angular application: http://localhost:3000/api/skills?category_id=2 The main issue revolves around how to modify the code in order to successfully retrieve all skills with a category_id of 2. It is important to note ...