Styjun

What is the function of "mal" in saying "Das nenn ich mal ein X"?

Does unblocking power bar outlets through short extension cords increase fire risk?

Why are flying carpets banned while flying brooms are not?

Why would word of Princess Leia's capture generate sympathy for the Rebellion in the Senate?

Why don't humans perceive sound waves as twice the frequency they are?

When a ball on a rope swings in a circle, is there both centripetal force and tension force?

Is it possible to have a career in SciComp without contributing to arms research?

Why did my "seldom" get corrected?

Could a US citizen born through "birth tourism" become President?

Why should fork() have been designed to return a file descriptor?

Extract the attribute names from a large number of Shapefiles

Is "repository" pronounced /rɪˈpɒzɪt(ə)ri/ or ri-ˈpä-zə-ˌtȯr-ē or /rəˈpäzəˌtôrē/?

Align the contents of a numerical matrix when you have minus signs

How to get a type of "screech" on guitar

Legendre Polynomial Integral over half space

How to determine Platform Event Size in Apex to ensure to be within < 1 MB

Company looks for long-term employees, but I know I won't be interested in staying long

Project Euler # 25 The 1000 digit Fibonacci index

Simplest instruction set that has an c++/C compiler to write an emulator for?

Function over a list that depends on the index

When will the last unambiguous evidence of mankind disappear?

What is the intuition for higher homotopy groups not vanishing?

I have found a mistake on someone's code published online: what is the protocol?

"This used to be my phone number"

How to display a filtered table where filtering depend upon dropdown and radio

How can I know which radio button is selected via jQuery?How can I display a JavaScript object?How do I get PHP errors to display?How to style a <select> dropdown with only CSS?How to check a radio button with jQuery?What's the proper value for a checked attribute of an HTML checkbox?How do I update each dependency in package.json to the latest version?How to keep 3 radio buttons in mvc 4?Replace select dropdown with radio button with functionality

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I have a dropdown and a set of two radio buttons.
When a dropdown value alongwith a radio opotion is selected I need to show a table with the corresponding values fetched. The data is fetched from CouchCMS backend.

 <select id='dd_icp'>
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <label for="f_to_ho0">
 <input type="radio" name="f_to_ho" id="f_to_ho0" value="0" checked="checked">T/O
 </label>
 <label for="f_to_ho1">
 <input type="radio" name="f_to_ho" id="f_to_ho1" value="1"> H/O 
 </label>

 <table>
 ...
 </table>

$(document).ready(function() 
 $("#dd_icp").change(function() 
 var selectedValue = $(this).val();
 // Radio???
 // Table with data???

 );
);

javascript php jquery html couch-cms

share|improve this question

edited Mar 26 at 12:40

Kalyani Kherde

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Please go read How to Ask. You are supposed to describe to us what you already tried, and what you are struggling with in particular; not to only drop off your “requirement.”
  
  – 04FS
  Mar 26 at 11:43
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @04FS Editing the try details.
  
  – Kalyani Kherde
  Mar 26 at 11:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  what is the question?
  
  – FalcoGer
  Mar 26 at 12:17
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @FalcoGer I have a dropdown and a set of two radio buttons. When a dropdown value alongwith a radio opotion is selected I need to show a table with the corresponding values fetched
  
  – Kalyani Kherde
  Mar 26 at 14:09
  

  
  
  
  

add a comment | 

0

I have a dropdown and a set of two radio buttons.
When a dropdown value alongwith a radio opotion is selected I need to show a table with the corresponding values fetched. The data is fetched from CouchCMS backend.

 <select id='dd_icp'>
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <label for="f_to_ho0">
 <input type="radio" name="f_to_ho" id="f_to_ho0" value="0" checked="checked">T/O
 </label>
 <label for="f_to_ho1">
 <input type="radio" name="f_to_ho" id="f_to_ho1" value="1"> H/O 
 </label>

 <table>
 ...
 </table>

$(document).ready(function() 
 $("#dd_icp").change(function() 
 var selectedValue = $(this).val();
 // Radio???
 // Table with data???

 );
);

javascript php jquery html couch-cms

share|improve this question

edited Mar 26 at 12:40

Kalyani Kherde

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Please go read How to Ask. You are supposed to describe to us what you already tried, and what you are struggling with in particular; not to only drop off your “requirement.”
  
  – 04FS
  Mar 26 at 11:43
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @04FS Editing the try details.
  
  – Kalyani Kherde
  Mar 26 at 11:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  what is the question?
  
  – FalcoGer
  Mar 26 at 12:17
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @FalcoGer I have a dropdown and a set of two radio buttons. When a dropdown value alongwith a radio opotion is selected I need to show a table with the corresponding values fetched
  
  – Kalyani Kherde
  Mar 26 at 14:09
  

  
  
  
  

add a comment | 

I have a dropdown and a set of two radio buttons.
When a dropdown value alongwith a radio opotion is selected I need to show a table with the corresponding values fetched. The data is fetched from CouchCMS backend.

 <select id='dd_icp'>
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <label for="f_to_ho0">
 <input type="radio" name="f_to_ho" id="f_to_ho0" value="0" checked="checked">T/O
 </label>
 <label for="f_to_ho1">
 <input type="radio" name="f_to_ho" id="f_to_ho1" value="1"> H/O 
 </label>

 <table>
 ...
 </table>

$(document).ready(function() 
 $("#dd_icp").change(function() 
 var selectedValue = $(this).val();
 // Radio???
 // Table with data???

 );
);

javascript php jquery html couch-cms

share|improve this question

edited Mar 26 at 12:40

Kalyani Kherde

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

 <select id='dd_icp'>
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <label for="f_to_ho0">
 <input type="radio" name="f_to_ho" id="f_to_ho0" value="0" checked="checked">T/O
 </label>
 <label for="f_to_ho1">
 <input type="radio" name="f_to_ho" id="f_to_ho1" value="1"> H/O 
 </label>

 <table>
 ...
 </table>

$(document).ready(function() 
 $("#dd_icp").change(function() 
 var selectedValue = $(this).val();
 // Radio???
 // Table with data???

 );
);

share|improve this question

edited Mar 26 at 12:40

Kalyani Kherde

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

share|improve this question

edited Mar 26 at 12:40

Kalyani Kherde

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

asked Mar 26 at 11:35

Kalyani KherdeKalyani Kherde

111 bronze badge

1 Answer
1

active

oldest

votes

0

In my answer, to allow me to simply cut and paste an example, I changed the radio button to a selection box, but you would process the radio button in like manner.

Form

<select id="dd_icp">
 <option value="" >Select ???</option> <!-- Forces Selection -->
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <select id="f_to_ho" name="f_to_ho">
 <option value="0" >T/O</option>
 <option value="1" >H/O</option>
 </select>

 <div id="results"></div> 

Notice the <div id="results"></div>

jQuery

$( "#dd_icp" ).change(function() 
 var var_a = $(this).val();
 var var_b = $('#f_to_ho').val();
 var url = 'path-to-parse.php';
 var postit = $.post( url, var_a:var_a,var_b:var_b); 
 postit.done(function( data ) $('#results').html(data);); 
);

parse.php

<?php
 $var_a = $_POST['var_a'];
 $var_b = $_POST['var_b'];

 // parse and echo filtered table here

?>

Hope this helps.

share|improve this answer

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  actually i am new to coding and my company is using couchcms. the issue i am facing is that i cannot use $_POST we are using cms:pages which will generate the table. so basically my entire code, i.e. the form, the table and the script is on the same page. and I am unable to change the dropdown to radio. If you could do that for me it will be more helpful for me. Please.
  
  – Kalyani Kherde
  Mar 26 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That is the problem with out-of-the-box cms... you are limited by not only the script itself but by your programming skill as well. I write my own cms scripts and am not familiar couchcms. I refer you to @04FS comment above. This site is designed for programmers to assist others programmers in working through issues they are having in their code... it is not a place to come and have code written for you for free. The answer above is a viable solution, but you need to know where to place the code in the cms. Regarding $_POST all of that takes place in the jQuery and on your parse file.
  
  – petebolduc
  Mar 26 at 14:19
  
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55356182%2fhow-to-display-a-filtered-table-where-filtering-depend-upon-dropdown-and-radio%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

In my answer, to allow me to simply cut and paste an example, I changed the radio button to a selection box, but you would process the radio button in like manner.

Form

<select id="dd_icp">
 <option value="" >Select ???</option> <!-- Forces Selection -->
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <select id="f_to_ho" name="f_to_ho">
 <option value="0" >T/O</option>
 <option value="1" >H/O</option>
 </select>

 <div id="results"></div> 

Notice the <div id="results"></div>

jQuery

$( "#dd_icp" ).change(function() 
 var var_a = $(this).val();
 var var_b = $('#f_to_ho').val();
 var url = 'path-to-parse.php';
 var postit = $.post( url, var_a:var_a,var_b:var_b); 
 postit.done(function( data ) $('#results').html(data);); 
);

parse.php

<?php
 $var_a = $_POST['var_a'];
 $var_b = $_POST['var_b'];

 // parse and echo filtered table here

?>

Hope this helps.

share|improve this answer

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  actually i am new to coding and my company is using couchcms. the issue i am facing is that i cannot use $_POST we are using cms:pages which will generate the table. so basically my entire code, i.e. the form, the table and the script is on the same page. and I am unable to change the dropdown to radio. If you could do that for me it will be more helpful for me. Please.
  
  – Kalyani Kherde
  Mar 26 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That is the problem with out-of-the-box cms... you are limited by not only the script itself but by your programming skill as well. I write my own cms scripts and am not familiar couchcms. I refer you to @04FS comment above. This site is designed for programmers to assist others programmers in working through issues they are having in their code... it is not a place to come and have code written for you for free. The answer above is a viable solution, but you need to know where to place the code in the cms. Regarding $_POST all of that takes place in the jQuery and on your parse file.
  
  – petebolduc
  Mar 26 at 14:19
  
  

  
  
  
  

add a comment | 

0

In my answer, to allow me to simply cut and paste an example, I changed the radio button to a selection box, but you would process the radio button in like manner.

Form

<select id="dd_icp">
 <option value="" >Select ???</option> <!-- Forces Selection -->
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <select id="f_to_ho" name="f_to_ho">
 <option value="0" >T/O</option>
 <option value="1" >H/O</option>
 </select>

 <div id="results"></div> 

Notice the <div id="results"></div>

jQuery

$( "#dd_icp" ).change(function() 
 var var_a = $(this).val();
 var var_b = $('#f_to_ho').val();
 var url = 'path-to-parse.php';
 var postit = $.post( url, var_a:var_a,var_b:var_b); 
 postit.done(function( data ) $('#results').html(data);); 
);

parse.php

<?php
 $var_a = $_POST['var_a'];
 $var_b = $_POST['var_b'];

 // parse and echo filtered table here

?>

Hope this helps.

share|improve this answer

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  actually i am new to coding and my company is using couchcms. the issue i am facing is that i cannot use $_POST we are using cms:pages which will generate the table. so basically my entire code, i.e. the form, the table and the script is on the same page. and I am unable to change the dropdown to radio. If you could do that for me it will be more helpful for me. Please.
  
  – Kalyani Kherde
  Mar 26 at 12:58
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  That is the problem with out-of-the-box cms... you are limited by not only the script itself but by your programming skill as well. I write my own cms scripts and am not familiar couchcms. I refer you to @04FS comment above. This site is designed for programmers to assist others programmers in working through issues they are having in their code... it is not a place to come and have code written for you for free. The answer above is a viable solution, but you need to know where to place the code in the cms. Regarding $_POST all of that takes place in the jQuery and on your parse file.
  
  – petebolduc
  Mar 26 at 14:19
  
  

  
  
  
  

add a comment | 

In my answer, to allow me to simply cut and paste an example, I changed the radio button to a selection box, but you would process the radio button in like manner.

Form

<select id="dd_icp">
 <option value="" >Select ???</option> <!-- Forces Selection -->
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <select id="f_to_ho" name="f_to_ho">
 <option value="0" >T/O</option>
 <option value="1" >H/O</option>
 </select>

 <div id="results"></div> 

Notice the <div id="results"></div>

jQuery

$( "#dd_icp" ).change(function() 
 var var_a = $(this).val();
 var var_b = $('#f_to_ho').val();
 var url = 'path-to-parse.php';
 var postit = $.post( url, var_a:var_a,var_b:var_b); 
 postit.done(function( data ) $('#results').html(data);); 
);

parse.php

<?php
 $var_a = $_POST['var_a'];
 $var_b = $_POST['var_b'];

 // parse and echo filtered table here

?>

Hope this helps.

share|improve this answer

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges

<select id="dd_icp">
 <option value="" >Select ???</option> <!-- Forces Selection -->
 <option value="ET" >ET</option>
 <option value="NGP" >NGP</option>
 <option value="GCC" >GCC</option>
 </select>

 <select id="f_to_ho" name="f_to_ho">
 <option value="0" >T/O</option>
 <option value="1" >H/O</option>
 </select>

 <div id="results"></div> 

$( "#dd_icp" ).change(function() 
 var var_a = $(this).val();
 var var_b = $('#f_to_ho').val();
 var url = 'path-to-parse.php';
 var postit = $.post( url, var_a:var_a,var_b:var_b); 
 postit.done(function( data ) $('#results').html(data);); 
);

<?php
 $var_a = $_POST['var_a'];
 $var_b = $_POST['var_b'];

 // parse and echo filtered table here

?>

share|improve this answer

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges

answered Mar 26 at 12:16

petebolducpetebolduc

77111 gold badge66 silver badges1818 bronze badges