I have a page that shows a list of students. I want to use a dropdown to implement a filter. When option 1 (high school students) is selected shows only high school students, when option 2 is selected (college students) is selected shows only college students and so on.
The query will be:
SELECT firstName, lastName, age
FROM students
WHERE studentCategory = #dropDownValue#
Is there any way to do this without using javascript nor any submit button. I am trying to pass the dropdown value to the URL but I am not sure how to change the URL when an option is selected from dropdown.
I appreciate any help.
To answer your question, you add onChange to the first SELECT.
<select
name="doesntmatter"
onChange="document.location.href='?studentCategory='+this.value;">
However consider using ajax as it will be much faster.
Related
Hello I'm new to laravel I was trying to find the solution but unsuccessful.
I manage to get the selected value using ajax but I cant show results in the same view that I selected from.
Let me explain what I want to achieve.
User select the value(id) from dropdown (populated from DB)
the value id need to be pass to controller get new array of a query result
return an array to the same view with show what was selected in dropdown
Any suggestion I will appreciate.
Thank you.
What I understood is , you want to populate one select box based on another select box value,
He are some best start tutorial for you,
http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html
http://blog.chapagain.com.np/using-jquery-ajax-populate-selection-list/
Drop-down values of month selection while registration of a new account in google.
I need to select the value December after I click on the the month field.
This I need in capybara/ruby.
I have used the below code to search month drop-down and click it.
find("#BirthMonth").click
Now the values in drop-down appear in my result but I need to know how to select them.
You can use:
find('#BirthMonth').select(value)
If the select is a real <select> element then
select('December', from: 'BirthMonth')
Should do what you want without worrying about the find and click. If it's a select replacement built from div, ul, li, etc then we'd need you to post an hetml sample
I have a category "Year" in Tridion and it has keyword values listed 1900s-2012. I am trying to access the category in a component via a dropdownlist. The problem is, I am seeing values in dropdownlist in ascending order 1900s-2012. And user has to scroll all the way down to select the current year - 2012. Is there a way I can reorder keyword values in the category so users see the current year first. I have searched quite a bit, but found no answer on the web or in documentation.
Is it possible to specify the ordering in any dropdownlist created from a category used in a component or at the schema level?
There is no way to specify the order for a dropdown list without creating an eXtension (should be easy using jQuery).
What you could do is set the default value of the field to "2012" and that way the user has the current year selected and if they need to change to a previous year, they'll scroll up.
I am a relative APEX noob.
I'm running APEX 4.0 against a 10gR2 database.
I've written a query that takes a few inputs (two date fields, for start and end, and a text field for further filtering) and created a dynamic report out of it that works when I pull the input variables (:START_DATE, :END_DATE, :OFFICE) out of it or replace them with static values.
I want to create a form on a page that submits those values to the dynamic report page for use in the query to filter the results the user sees when he or she hits the report.
I'm not having much luck finding a good step-by-step example of this. I created a blank page with two Date Pickers and a LOV select dropdown, but am unsure how to best translate those values into the dynamic report.
Can somebody point me at the right documentation for this?
The following was developed using Apex 4.1 but apart from some cosmetic changes the principles should be the same.
The data comes from the standard scott.emp schema.
Overview
This is page 1, the user can enter an empno and\or a hiredate.
When submit is pressed the following report on a different page is displayed:
How it works
On page 1 I have created the three items shown. The text items are called them P1_EMPNO, and P1_HIREDATE. The action for the button is "Submit Page"
Still on page 1, create a branch with the following values:
This branch navigates to page 2 (which is yet to be developed) and sets the values of items on page 2 with the values from page 1.
Create a new page, in this example this will be referred to page 2.
On page 2 create a new interactive report using the following query:
select e.*
from emp e
Next create two text items in the same region as the report and call these :P2_EMPNO and :P2_HIREDATE. I have found it useful to show these items during development so you can see that the correct values are being passed through to the page. You can always set them as hidden once you happy with the report.
Finally amend the query used by the interactive report to use the values supplied by page 1
Run the application.
You want to reference your page items in your query, which means you'll have to submit your page before your query will pick up the session state of them. What I do when I provide a small parameter form, is to put a button up there as well (i.e. labeled 'Query'), which does a submit.
In your report you can then reference your items. If for example you have 2 items P1_DATE_START and P1_DATE_END, your query could look like:
SELECT firstname, lastname, job
FROM employees
WHERE employment_start BETWEEN to_date(:P1_DATE_START) AND to_date(:P1_DATE_END);
I haven't been able to find a solution for the particular problem I'm having with this project. I need to the following: dynamically add rows to a table that contain two select boxes AND use ajax to auto-populate the select options of the 2nd select box, based on the value of the first select box... in the respective table row (that was dynamically added on the fly by some js).
Still with me?
I can easily populate, dynamically, a select drop-down using ajax/javascript based on the value of the first drop-down, in the first row. I can even populate three or more select boxes in the same row, using ajax/js functions to load each additional select. Yet, this is not my goal.
Here's what I have... My form contains a simple table with 3 columns. First is a checkbox, the second is the "State" select box and the third column is the "City" select box. I have two buttons above the table that allow me to "Add Row" and "Delete Row". Mind you, the first row (which is programmed-in), works perfectly for loading the city names of a state using ajax.
Upon clicking the Add Row button, I'm able to create the second row dynamically, which contains the checkbox, state select and city select fields. The state select is populated based on the innerHTML content of the original column, but the city select is obviously null because it is expecting ajax to fill it. Note: the names and ID names of these fields are iterative... city_id, city_id_1, city_id_2, city_id_3 and so on... so I have that uniqueness to work with.
My problem lies in the fact that when I select a state from the 2nd or 3rd (and so on) rows, only the firstcity select changes. Why? Because the js/ajax processing function says to operate only on the element with name "city_id"!! Which is the name of the city select box in the first row.
I have not (yet) found a way to dynamically pass the name of the element I need updated to the onreadystate ajax function. When I've needed to populate two or three select boxes in a row (same row), I've had to have complementary ajax functions for each drop-down - which are static, mind you... but what if I create the element dynamically?? I can't pre-program that many functions into my page... or must I?
If you have any ideas on how to accomplish this I would be soo damn appreciative!!!
Thanks!
var i=1; // put here the number of the column being added now.
var x=document.getElementById("city_id_"+i);
// populate x