информация об изменении меню информация

Question

Я пытаюсь иметь несколько меню Dropbox на той же странице, которая изменит информацию на следующей странице после отправки их выбора.

, чтобы пользователь мог выполнять различные и многопользовательские выборы из меню, затем нажмите «отправить», а другая информация будет на следующей странице, а не на той же странице, что и на приведенном ниже скрипте.

это самая близкая вещь, найденная ive, но попытка получить информацию на следующей странице вместо этого оказывается сложной.

<form> 
    <table> 
    <tr> 
     <td>Person 1</td> 
     <td>Information</td> 
     <td> 
     <select id="choice1" onchange="changeText('choice1', 'display1')"> 
      <option>Select</option> 
      <optgroup label="Category 1"> 
      <option>G1 Choice1</option> 
      <option>G1 Choice2</option> 
      </optgroup> 
      <optgroup label="Category 2"> 
      <option>G2 Choice1</option> 
      <option>G2 Choice2</option> 
      </optgroup> 
     </select> 
     </td> 
    </tr> 
    <tr> 
     <td>Person 2</td> 
     <td>Information</td> 
     <td> 
     <select id="choice2" onchange="changeText('choice2', 'display2')"> 
      <option>Select</option> 
      <optgroup label="Category 1"> 
      <option>G1 Choice1</option> 
      <option>G1 Choice2</option> 
      </optgroup> 
      <optgroup label="Category 2"> 
      <option>G2 Choice1</option> 
      <option>G2 Choice2</option> 
      </optgroup> 
     </select> 
     </td> 
    </tr> 
    </table> 
    <p>&nbsp;</p> 
    <table> 
    <tr> 
     <td><div id="display1">Select an option</div></td> 
    </tr> 
    <tr> 
     <td><div id="display2">Select an option</div></td> 
    </tr> 
    </table> 
    <p>&nbsp;</p> 
</form> 
<script> 
var textBlocks = [ 
    'Select an option', 
    'G1 Choice1 description', 
    'G1 Choice2 description', 
    'G2 Choice1 description', 
    'G2 Choice2 description' 
]; 

function changeText(elemid, displayId) { 
    var ind = document.getElementById(elemid).selectedIndex; 
    document.getElementById(displayId).innerHTML = textBlocks[ind]; 
} 
</script> 
</body> 
</html> 

Answer 1

Данные POST отправляются на сервер и не возвращаются клиенту. Это означает, что ваш код JavaScript никогда не увидит, что было отправлено.

Вам либо нужно делать все, что хотите на сервере (то есть, на PHP), либо вам нужно изменить способ отправки и чтения данных (т. Е. Через хеш-часть URL-адреса, через файлы cookie ...) , Использование серверного языка, скорее всего, лучший вариант, хотя он зависит от того, чего вы пытаетесь достичь.