使用表單字段輸入來設置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); 
  });
});