Show Dynamic List With PHP Using A Radio Button Selection

Mar 15, 2010

I have a form with a list of subjects (radio buttons) that I get from my database with PHP, and I want to show a list of videos (also from my video table using PHP), based on which subject they choose.

I have tried multiple POST, GET methods with JavaScript examples, but cannot get it to work. I am not having any issues with the PHP getting either list, it is just getting the radio buttons to pass either the POST or GET data to JavaScript, and have it take that value so I can get the list from my database with PHP. I tried to use a div for the list of videos, and didn't have much success.

View 6 Replies


ADVERTISEMENT

JQuery :: Pass Radio Button Selection To Hidden Div And Then Show Div List From Chosen Radio Button?

Mar 16, 2010

I am a PHP programmer and new to Javascript and jQuery and I have tried about 20 examples/tutorials and cannot seem to get even close to what I want.I have a form (PHP/MySQL) with a list of subjects I got from my database, and then create a set of radio buttons from that list. And based on what radio button they select, I need to pass that variable to a div (at least that's what I want to use) and then show a list of videos that match the radio buttons value. I don't care if its a get or post or other.I tried to use GET or POST so I can use that value for my PHP/MySQL lists.I am open to any suggestions/tutorials, etc.

View 1 Replies View Related

JQuery :: Show / Hide A <div> When Changing The Selection Of A Radio Button?

Mar 2, 2010

I want that a <div> element will show when yes is selected and when no it should be hidden. For show and hind i will use the functions from the jQuery UI. But I don't find a way to call the hide / show function when the selection change.

The radio selection: <input type="radio" name="lang_anz" value="1"> Yes<br> <input type="radio" name="lang_anz" value="0" checked="checked"> No<br> When I understand the documentation I can request the current value from the radio with: <script type="javascript"> $('input:radio[name=lang_anz]:checked').val(); </script>But how i can now call the show / hide function when I change the selection?

View 1 Replies View Related

Show / Hide Form Fields Depending On Radio Button Selection

May 29, 2005

How to show and hide form fields depending on a selected radio button.

View 14 Replies View Related

JQuery :: Populate A Dynamic Dropdown List Based On Another Dynamic Drop Down Selection?

Jun 29, 2010

how to populate a dropdown based on Another dropdown selection. This all should be a dynamic. Eg: I have two text boxes one is TechID and other is JOB ID. When I start typing Tech ID it suggests me the list of IDs which start with the input string i have put in Tech textbox. When i select the Tech ID the jobs associated to that Tech ID should be displayed in JOB ID text box as a dropdown list.

View 1 Replies View Related

Toggling Hide/Show On Radio Selection?

Aug 15, 2011

I have a calculator that I want users to be able to select a radio option that will display the coresponding calculator and hide it when the other radio button is selected in other words I want to only have one visible div at a time. How would I do this?

Here is my Javascript:

HTML Code:
<html>
<head>
<script type="text/javascript">

[Code]....

View 2 Replies View Related

Show/Hide Buttons Based On Radio Selection

Jul 20, 2005

I have a form with three radio options. And I have three buttons:

<input type="submit" name="mainform_action" value="Edit Data">
<input type="submit" name="mainform_action" value="View Data">
<input type="submit" name="mainform_action" value="Delete Data">

If the first radio button is selected, I only want all three buttons to be
visible to the user.

If the second radio button is selected, I only want the "Edit Data" and "View
Data" buttons to be visible.

If the third radio button is selected, I only want the "View Data" button to be
visible.

Is it possible to accomplish this in Javascript? In particular, I want to
continue using the "input type=submit" buttons without having to create my own.

View 3 Replies View Related

Show - Hide Div Based On Radio Selection - Prototype

Apr 27, 2010

I have 3 divs that contain radio with labels and beneath each radio button I would like to show/hide a form based on whether the radio is selected or not.

Code idea:

So if the radio1 input is selected this would show form1. Selecting radio2 input would hide any other forms (form1, form3) and show form 2 etc.

View 1 Replies View Related

Drop Down List Selection Then To Show A Comment Box?

Feb 9, 2010

I have a drop down selection box with several selections and if a person selects "other" from that box I want to show a comment box so they can fill in their comments. Otherwise the comment box will remain hidden.

View 1 Replies View Related

Link To Reflect Radio Button Selection?

Jun 27, 2010

I am trying to get a css-styled button to stay on its 'roll-over' state once it has been selected by its corresponding radio button (connected via the label tag). So far, I have no idea what I'm doing.

Here's what I have so far: [URL]

This is what it's doing: [URL]

This is what I'd like it to do: [URL]

Any experts out there that can lend a hand ?

View 3 Replies View Related

Form Action Url Selection On Radio Button Value

Jul 5, 2005

I have 2 radio button first is a and second is b.

If a is selected then the form action should be a.php or b is selected then b.php.

Any idea how to do this. I don't want to this in server side script.

View 3 Replies View Related

Swap Image On Radio Button Selection

May 23, 2010

I load a page with two default images and two radio buttons not selected. When either of the radio buttons gets checked I need to swap corresponding image. I tried this but it does not seem to work:

PHP Code:
<html>
<head>
<title>Untitled</title>
<script language="JavaScript">

function swapImage(currencyflag) {
switch (aspectflag) {
case "3x2":
3:2.src = "/i/misc/aspect3x2_rd.png";
16:9.src = "/i/misc/aspect16:9_gr.png";
case "16:9":
3:2.src = "/i/misc/aspect3x2_gr.png";
16:9.src = "/i/misc/aspect16:9_rd.png";
}}
</script>
</head>

<body>
<img src="/i/aspect3x2_gr.png" width="150" height="100" alt="" name="2x3">
<img src="/i/aspect16x9_gr.png" width="178" height="100" alt="" name="16x9">

<form>
<input type="Radio" name="aspect" id="3x2" onclick="swapImage(3x2)">
<input type="Radio" name="aspect" id="16x9" onclick="swapImage(16x9)">

</form>
</body>
</html>

View 2 Replies View Related

Show/hide Several Elements Based On List Selection?

Jan 26, 2009

I got a table.Each row has a list of statuses.If status == yes, then several elements will be shown in the rowif status != yes, then hide those elements.Im not sure if I have made a good solution, but it seem to work ok (opera9.6, ff2, ie7)The status selector passes on a unique rowid, and itself. This way the js function can get the row, and the status of the selection. Then toggle various elements in that row.Only annoying thing is the way row elements are named and found. It kinda have to rely on some hard coding, but its ok I guess.Im not sure if its possibel to just call toggle( this ), and that way get to the elements in the row.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

[code].....

View 7 Replies View Related

Populate Textarea Based On Radio Button Selection?

Aug 24, 2010

how to get contents into a textarea based on a radio button selection.

Code:
<script>
text = new Array()
text[0] = Array('Saab','Volvo','BMW');
text[1] = 'second list';

[Code]....

View 3 Replies View Related

Display Results Based On Radio Button Selection Without Browser Refresh

Apr 27, 2011

I am very inexperienced with javasciprt. I am designing a form in coldfusion, and want some dynamic action to take place. My users will be offered 2 selections via radio buttons. Depending on which radio button they select, they will get a few more radio buttons to choose from. I have been told that this can be handled in javascript. So I am appealing to the javascript programmer nation for some assistance in this endeavor.

View 6 Replies View Related

Dynamic Radio Button

Jul 13, 2007

Every time I create a radio button set and append it to an element in internet explorer I the radio button doesn't allow for it to be checked. It works fine in mozilla.

Here's a slimmed down example that produces the lock.

Code:
function addRadio(e){

var i = document.createElement('input');
i.type = 'radio'
i.value = 1;
document.getElementById(e).appendChild(i);
}
Whenever the element is appended in IE it doesn't allow itself to be selected.

View 1 Replies View Related

How To Validate Dynamic A Radio Button

Feb 24, 2010

I have a list of radio buttons. Each radio button has a dynamic name. Is there a way to check if they are all selected? Because most radio validation scripts uses a static name. code...

View 1 Replies View Related

Dynamic Radio Button Input ?

Sep 9, 2009

The problem is with 3 radio buttons - each of which changes the view of the current page by passing parameters to the end of the page url.

CODE:

Is this even the most efficient way of doing this? I feel like there must be a better way.

View 3 Replies View Related

List Out A Radio Button Then Get The Value From It

Sep 29, 2011

I am simply trying to list out a radiobutton then get the value from it, but for some reason it is NOT working... I loop through an array and make the radiobuttons in a list (these are displayed in a shadowbox).

[Code]...

View 1 Replies View Related

Creating Dynamic Radio Button Group?

May 17, 2011

I want to create dynamic radio button group with different names.

<script language="javascript">
function changeIt()
{

[code]...

I want to create a radio button group(2 radio buttons on a group) with different name.

View 2 Replies View Related

Create A Dynamic Drop Down List To Show Columns?

Feb 13, 2009

I am working on a registration form. I need to create a dynamic drop down list which will show a certain column when a condition is selected. Example below:- [URL] I have searched everywhere but could find an exact example. I only know I might need java script for this function.

View 4 Replies View Related

How To Write Radio Button Form With Dynamic Output

Jan 31, 2011

I am trying to write a radio button form that has dynamic output. If radio 1 selected then the text would say "one", if radio 2 text = "two", etc. For example:
How many chickens do you own?
Radio 1
Radio 2
*Radio 3
Radio 4

I have the following and am stuck, can I stack getElementsbyid...?
Code:
<script type="text/javascript">
function check() {
document.getElementById('Radio1').firstChild.nodeValue='one';
}
<form>
<input type="radio" value="0" id="r1" name="r1" onclick="check()" />
<input type="radio" ???? />
<input type="radio" ???? />
<input type="radio" ???? />
</form>
I own <label for="r1" id="Radio1">blank</label> chickens.

View 3 Replies View Related

List Box With Dynamic Submit Button?

May 14, 2010

What I am trying to do is add a list box to my site that when the user clicks on a certain item and presses submit the correct code gets sent to my cgi cart. any ideas on how i can accomplish this?

View 3 Replies View Related

Dynamic Drop-down List - Create A Dynamic Menu Where A User Selects One Item And Another Select List Is Shown

Jun 30, 2009

I've been beating my head against a wall for a few days trying to get this working. I'm trying to create a dynamic menu where a user selects one item and another select list is shown, then another and another (and so on). Here is my JS, it *should* be taking the ID of the div, comparing it to the selected value and then showing another div by settings it's class property to visible:

[Code]...

View 1 Replies View Related

JQuery :: Show / Hide Elements Or Remove / Add Elements Based On Radio Selection By User?

Mar 14, 2010

I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:

<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>

[Code]....

View 3 Replies View Related

Create Dynamic Radio Button Which Can Edit Option In The Page By User

Aug 24, 2011

How to create dynamic radio button which can edit/add/remove option in the page by user.

If the option of radio button have prepared, I can write the script to show output in the page. But this can do like a said.

I have an example at this page phpform.org ,but I can't track the code.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved