0

jQuery スライダーによって生成された値があります。その変数をhttp://domain.com/index.php?rich=3&sweet=6の形式で URL に渡す必要があります。Ajax の get リクエストを使用して、javascript 変数 (リッチでスイート) を URL に送信する必要があります。

index.php ファイルに次の JavaScript があります (変数には、select/slider 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 コード (「甘い」選択コードは省略しました)

    <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);
                        });

どういうわけかコードに入れますが、方法がわかりません。

4

2 に答える 2

2

ええ、しかしより適切な方法は：

$.get('index.php', {rich : $('#rich :selected').val()}, function(data) {
    //so something with data
});
于 2012-04-18T11:14:51.620 に答える
1

Denis Ermolin は正しいのですが、なぜ "GET" 要求を行うのでしょうか? IE でキャッシングを行うと問題が発生します - IE は時々 URL をキャッシングするのが大好きです。「POST」を使用 - IE はキャッシュしません。

$.post('index.php', {rich : $('#rich :selected').val()}, function(data) {
    //so something with data
});
于 2012-04-18T11:43:53.450 に答える