How to pass the second dropdown list's selected value to another php form? - Trongate v1

How to pass the second dropdown list's selected value to another php form?
4 years ago

#1

Hello everyone, after watching DC's video on parent-child dropdown list - https://www.youtube.com/watch?v=lPtSUpNr_KQ, I would like to know how to pass my selected value from my second dropdown list to another php form after clicking the Submit button. After clicking the Submit button, I was redirected to the Home page (..../#). I tried checking on javascript & php examples but didn't find any that can help me. Any help will be great, thanks.

4 years ago

#2

Dan

4 years ago

#3

Hello Dan Q1) Where to check for onclick status when user click the Start Survey button after selecting the survey name Q2) How to pass this selected survey name value to another view form called start.php

 form.php view file: Selections For Survey function selectClient() { removeEl('spinner'); removeEl('survey_label'); removeEl('survey_dropdown'); removeEl('start_btn'); const clientId = client_dropdown.value; if (clientId == '') { alert('You did not select a client!'); } else { const spinner = document.createElement('div'); spinner.setAttribute('id', 'spinner'); spinner.setAttribute('class', 'spinner'); survey_form.appendChild(spinner); fetchSurveys(clientId); } } function removeEl(elId) { const targetEl = document.getElementById(elId); if ((targetEl !== null) &amp;&amp; (targetEl !== undefined)) { targetEl.remove(); } } function fetchSurveys(clientId) { const targetUrl = 'fetch_by_client/' + clientId; const http = new XMLHttpRequest(); http.open('GET', targetUrl); http.setRequestHeader('Content-type', 'application/json'); http.send(); http.onload = function() { const surveys = JSON.parse(http.responseText); buildSurveySelector(surveys); } } function buildSurveySelector(surveys) { removeEl('spinner'); removeEl('survey_label'); removeEl('survey_dropdown'); removeEl('start_btn'); const surveyLabel = document.createElement('label'); surveyLabel.setAttribute('id', 'survey_label'); surveyLabel.innerHTML = 'Survey Name'; survey_form.appendChild(surveyLabel); const surveyDropdown = document.createElement('select'); surveyDropdown.setAttribute('id', 'survey_dropdown'); surveyDropdown.setAttribute('onchange', 'selectSurvey()'); surveyDropdown.setAttribute('name', 'survey_id'); survey_form.appendChild(surveyDropdown); const option = document.createElement('option'); option.setAttribute('value', ''); option.innerHTML = 'Select survey...'; surveyDropdown.appendChild(option); for (let i = 0; i &lt; surveys.length; i++) { const option = document.createElement('option'); option.setAttribute('value', surveys[i]['survey_name']); option.innerHTML = surveys[i]['survey_name']; surveyDropdown.appendChild(option); } } function selectSurvey() { const surveyId = survey_dropdown.value; if (surveyId !== '') { const startBtn = document.createElement('button'); startBtn.setAttribute('type', 'start'); startBtn.innerHTML = 'Start Survey'; startBtn.setAttribute('id', 'start_btn'); survey_form.appendChild(startBtn); } } .spinner { margin: 2em; } Survey_forms.php Controller file: function form() { $this-&gt;module('trongate_security'); $this-&gt;trongate_security-&gt;_make_sure_allowed(); $update_id = (int) segment(3); $submit = post('start'); $data['headline'] = 'Survey Entry Form'; $data['cancel_url'] = BASE_URL.'survey_forms/manage'; if ($data['survey_frm_id']&gt; 0) { redirect('survey_forms/start/'.$data['survey_frm_id']); } $data['view_file'] = 'form'; $data['client_options'] = $this-&gt;_get_client_options($data['client_id']); $this-&gt;template('admin', $data); } function _get_data_from_post() { $data['client_id'] = post('client_id', true); return $data; } function _get_client_options($selected_client_id) { $rows = $this-&gt;model-&gt;get('client_name', 'clients'); if ($selected_client_id == '') { $options[''] = 'Select client...'; } foreach($rows as $row) { $options[$row-&gt;id] = $row-&gt;client_name; } return $options; } 

4 years ago

#4

I am not so great on JavaScript. Events here https://www.w3schools.com/js/js_htmldom_events.asp document.getElementById("myBtn").onclick = Do Something; Event Listener here https://www.w3schools.com/js/js_htmldom_eventlistener.asp HTML DOM Event Object Reference

4 years ago

#5

Hello, In this function are you wanting to pass this value to the new view file? start_btn.