Javascript 将Jquery滑块初始值更改为Word_Javascript_Jquery_Forms

Javascript 将Jquery滑块初始值更改为Word

javascript jquery forms

Javascript 将Jquery滑块初始值更改为Word,javascript,jquery,forms,Javascript,Jquery,Forms,我使用JQuery UI增量滑块构建了一个评级表单，除了我的值是单词而不是数字。但是，初始值仍然显示为一个数字。我曾尝试将value=0更改为value=Not Rated，但最终导致滑块断裂非常感谢您的帮助 <html> <div class="kpa_rate kpa_rate1"> <label for="kpa1_rating_value">Parking:</label> <div id="1" class="

我使用JQuery UI增量滑块构建了一个评级表单，除了我的值是单词而不是数字。但是，初始值仍然显示为一个数字。我曾尝试将value=0更改为value=Not Rated，但最终导致滑块断裂

非常感谢您的帮助

<html>

<div class="kpa_rate kpa_rate1">
    <label for="kpa1_rating_value">Parking:</label>

    <div id="1" class="slider"></div>
    <input type="text" class="kpa1_rating_value" name="kpa1_rating" value="0" />       
</div>




<div class="kpa_rate kpa_rate2">
    <label for="kpa2_rating_value">Entrance:</label>

    <div id="2" class="slider"></div>
    <input type="text" class="kpa2_rating_value" name="kpa2_rating" value="0" />
</div>



</html>

JavaScript

    <script>
$(function() {
    var Array = ["Poor Accesibility","Okay Accessibility", "Moderate Accessibility", "Good Accessibility","Great Accessibility"];
                $( ".slider" ).slider({
                  range: "max",
                  min: 0,
                  max: 4,
                  value: $("input", this).val(),
                  slide: function( event, ui ) {                    
                    //get the id of this slider
                    var id = $(this).attr("id");
                    //select the input box that has the same id as the slider within it and set it's value to the current slider value. 

$("input[class*=" + id + "]").val(Array[ui.value]);
                  }
                });
              });
</script>

看起来value:$input，this.val，在实际代码中不存在

Try value:$this.parent.next.next.find'input'.val，

您不能将输入的初始值从value=0设置为value=Poor accessibility吗？这实际上是我的第一个解决方案，但它不起作用？在JSMiddle工作很好。但是，当我将其添加到表单并在浏览器中测试时，滑块不再工作。如果它在小提琴中工作，但在您的页面中不工作，则会有其他代码导致此问题，但在此处未显示。检查你的控制台有无错误？我一直在尝试。甚至把它上传到了网上。有趣的是，当我确保第一个有一个，看起来像值：$input，this.val，在您的实际代码中不存在时，它就工作了。Try value:$this.parent.next.next.find'input'.val，