选择框如何选择上一个和下一个


Select box how to pick prev and next

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

在表单中创建一个隐藏的输入框,如下所示:

<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'];