Выберите окно, как выбрать и пред следующий

Question

echo "<form name=\"form1\" method=\"post\" action=\"\">\n"; 
echo "<select name=\"roll_1\" id=\"roll_1\"size=\"3\">\n"; 
echo " <option value=\"1\">1</option>\n"; 
echo " <option value=\"2\">2</option>\n"; 
echo " <option value=\"3\">3</option>\n"; <--- User select how to pick the prev and next value 
echo " <option value=\"4\">8</option>\n"; 
echo " <option value=\"5\">9</option>\n"; 
echo " <option value=\"6\">6</option>\n"; 
echo "</select>\n"; 
echo "<select name=\"roll_2\" id=\"roll_2\"size=\"3\">\n"; 
echo " <option value=\"1\">1</option>\n"; 
echo " <option value=\"2\">2</option>\n"; 
echo " <option value=\"3\">3</option>\n"; 
echo " <option value=\"1\">4</option>\n"; 
echo " <option value=\"2\">7</option>\n"; 
echo " <option value=\"3\">8</option>\n"; 
echo "</select>\n"; 
echo '<input type="submit" name="Send" id="Send" class="button" value="Send">'; 
echo "</form>\n"; 

$a = $_POST['roll_1']; 
$b = $_POST['roll_2']; 

Как я выбрать пред и следующее значение после выборов и хранить в MySQL .. если я выбрать вариант 3, как выбрать Opition 2 и вариант 4

Answer 1

Создать скрытое поле ввода внутри формы, как показано ниже:

<input type="hidden" name="roll_1_next" id="roll_1_next"> 
<input type="hidden" name="roll_1_prev" id="roll_1_prev"> 

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

var next = jQuery('#roll_1 option:selected').next().attr('value'); 
var prev = jQuery('#roll_1 option:selected').prev().attr('value'); 
jQuery("#roll_1_next").val(next); 
jQuery("#roll_1_prev").val(prev); 

А в PHP вы можете получить его люблю:

$next = $_POST['roll_1_next']; 
$prev = $_POST['roll_1_prev'];