php - javascript php和html上的动态滑块

Question

我有此代码用于创建动态数量的滑块，每个滑块具有动态数量的答案，但我无法理解我的代码的两件事：

为什么只显示一个滑块？（我的 sql 表上的第一个 id 滑块编号）

为什么金额框中只出现正确的ini值？移动滑块时出现A r r a y（每次移动滑块一个字符）？

<script>            
    var arrayslidersvalueanswers="<?= $tableslidersanswervalues ?>";                
    <?php foreach ($tableslidersqid as $qid) { ?>
      <?php foreach ($qid as $index) { ?>               
        <?php echo $index;?>                    
        <?php foreach ($tableslidersanswersid as $qanswerid) { ?>
          <?php foreach ($qanswerid as $indexanswer) { ?>

    var answers="<?= $qanswerid ?>";                    
    var qid= "<?= $index ?>";


    jQuery(document).ready(function(){          

        /////////////////////SLIDER !!!!!!!!!!!!!!!!!!!!!!!!!!!
        var valor="<?= $tableslidersanswervalues[1][0] ?>"; // Ini slider

        $(document.getElementById("amount"+qid+"[]")).val(valor);

        $(document.getElementById("slider"+qid+"[]")).slider({ 
                               min: 1,
                               max:arrayslidersvalueanswers.length,

                               slide: function( event, ui) {
                                   var ans=answers[0][1] ;
                                   $(document.getElementById("amount"+qid+"[]")).val(answers[ui.value-1][0]);

                                   } //end slider ini method builder

             });//END OF FUNCTION
           });
        });// end JavaScript document function

            <?php } ?>
          <?php } ?>
         <?php } ?>
      <?php } ?>

</script>

<html>
    <p>
    <label for="amount< ?= $row_Answer['QuestionIDFK'];?>">< ?php echo $row_questionset['QuestionValue']; ?>< /label>
    <input type="text" id="amount< ?= $row_Answer['QuestionIDFK'];?>[]" name="amount< ?= $row_Answer['QuestionIDFK'];?>[]"  />
    </p>                   
    <div id="slider< ?= $row_Answer['QuestionIDFK'];?>[]" name="slider< ?php echo $row_Answer['AnswerValue']; ?>[]" >< /div>
</html>

score 0 · Accepted Answer

您的 HTML 中只有一个滑块。

我认为您的 foreach 循环应该遍历您的 HTML 以生成更多标记和滑块。然后您可以在 jquery 中使用通用选择器来使所有滑块工作。

$("div[id^='slider']").slider(...

将选择 ID 以“slider”开头的所有 div。

您的代码的结构方式应该是：

<script>
  $(("div[id^='slider']").slider(//slider configuration here);
</script>

<html>
  <?php foreach($allTableValues as $table): ?>
    <label>...
    <input>....
    <slider id="slider_<?php echo $table->id ?>">...
  <?php endforeach; ?>
</html>

php - javascript php和html上的动态滑块

1 回答 1

Related

Reference