使用表单字段输入来设置everythingSlider值

Question

我似乎无法弄清楚如何制作一个表单输入框，这样当您单击提交按钮时，该输入框的值将更新此滑块

http://css-tricks.com/anythingslider-jquery-plugin/

$('#myForm').click ( function() { $('#slider').anythingSlider(formVal); } )

Answer 1

阅读您的评论并修正问题后，我认为您的意思是

<script>
$(document).ready(function() {
  $('#myButton').click(function() { 
    $('#slider').anythingSlider($("#myField").val()); 
  })
});
</script>
<form>
<input type="text" id="myField" value="" />
<input type="button" id="myButton"/>
</form>

Answer 2

在HTML正文中创建一个输入框和一个按钮

<form>
  <input id='input1' name='input1' />
  <input type='button' value='Submit' id='submit' onclick='onSubmit()' />
</form>

将此功能添加到您的javascript

function onSubmit() {
  formVal = document.getElementbyId('input1').value
}

对于您的情况，请使用JQuery作为

$document.ready(function() {
  $('#submit').click(function() {
    var formval = $('$inpupt1').val();
    $('#slider').anythingSlider(formVal); 
  });
});