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

Use a form field input to set an anythingSlider value

本文关键字：设置 anythingSlider 输入 表单 字段      更新时间：2023-09-26

我似乎不知道如何制作一个表单输入框，这样当你点击提交按钮时，该输入框的值就会更新这个滑块

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

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

在阅读了您的评论并解决了您的问题后，我认为您的意思是

<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>

在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); 
  });
});
相关文章：