我有一个由 jQuery 滑块生成的值。我需要将其变量传递给http://domain.com/index.php?rich=3&sweet=6形式的 url 。我需要使用 Ajax 的 get 请求将 javascript 变量(丰富和甜蜜)发送到 url。
我的 index.php 文件中有以下 javascript(变量由选择/滑块 HTML 代码设置的值分配), selectToUISlider() 将滑块耦合到下拉菜单:
<script type="text/javascript">
$(document).ready(function () {
$('#rich').selectToUISlider({
labels:7, sliderOptions: {
stop: function(e,ui) {
var richValue = $('#rich').val();
}}}).next();
$('#sweet').selectToUISlider({
labels:7, sliderOptions: {
stop: function(e,ui) {
var sweetValue = $('#sweet').val();
}}}).next();
}
</script>
........
下面的 HTML 代码(我省略了 'sweet' 选择代码)
<form action="index.php" name="form1" method="GET">
<!-- demo 1 -->
<fieldset>
<select name="rich" id="rich" onchange="this.form.submit()">
<optgroup label="Not too Rich">
<?php $rich1 .= '<option'.(isset($_GET['rich']) && $_GET['rich']=='1' ? ' selected ' : ' ').'value="1">'.'Not too Rich'.'</option>'."\n"; ?>
<?php echo $rich1 ?>
.........................
<?php $rich7 .= '<option'.(isset($_GET['rich']) && $_GET['rich']=='7' ? ' selected ' : ' ').'value="7">'.'Super Rich'.'</option>'."\n"; ?>
<?php echo $rich7 ?>
</optgroup>
</select>
</fieldset>
我的理解是我必须这样做:
$.get('index.php?rich='+ $('#rich').val() , function(data) {
$('#rich').html(data);
});
以某种方式进入代码,但我不知道如何。