Javascript jquery使用var的内容更改文本输入

Javascript jquery使用var的内容更改文本输入,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在尝试组合一个Jquery&jqui滑块来计算子范围,然后更新2个div和2个文本框的内容,我唯一的问题是,当我滑动“滑块”时,我没有在文本框中获得VAR 我想用#hidden1&2将其返回到输入,用#slider-results1&2将其返回到div,但我不知道如何使用VAR A实现这一点。在幻灯片上,他需要计算,然后用A B和C的结果更新输入和DIV 所以,如果有人能解释什么可能起作用,或者我做错了什么,那将是非常有帮助的 JSFIDLE可在此处找到,请勿更改,请: 到目前为止,我的代码

我正在尝试组合一个Jquery&jqui滑块来计算子范围,然后更新2个div和2个文本框的内容,我唯一的问题是,当我滑动“滑块”时,我没有在文本框中获得VAR

我想用#hidden1&2将其返回到输入,用#slider-results1&2将其返回到div,但我不知道如何使用VAR A实现这一点。在幻灯片上,他需要计算,然后用A B和C的结果更新输入和DIV

所以,如果有人能解释什么可能起作用,或者我做错了什么,那将是非常有帮助的

JSFIDLE可在此处找到,请勿更改,请:

到目前为止,我的代码是:

$(function () {
var myslider = $('#basic').limitslider({
    values: [100, 200],
    min: 0,
    max: 300,
    step: 0.5,
    showRanges: true,
    left: 7,
    ranges: [false, true, false],

    slide: function( event, ui ) {
    $( '#slider-result1' ).html( ui.values[0] );
    $( '#slider-result2' ).html( ui.values[1] );
    $( '#amount1' ).val( ui.values[0] );
    $( '#amount2' ).val( ui.values[1] );
    var z=$( '#amount1' ).val();
    var y=$( '#amount2' ).val();
    var x=300; // fixed @ 300, future use: <?=$php->size?>
    var a=z;   // subrange between the begin / selector 1
    var b=y-z; // subrange between selector 1 / 2
    var c=x-y; // subrange between selector 2 / MAX
    $('#hidden1').html(a); 
    $('#hidden1').attr('value', 'a'); /// this "a" refers to VAR A and VAR A gets it from VAR Z
    $('#hidden2').attr('value', ui.values[1]); /// this works due but aint the plan cause i need the calculated VARS
    },

   });
});
$(函数(){
var myslider=$('#basic').limitslider({
值:[100200],
分:0,,
最高:300,
步骤:0.5,
展示范围:没错,
左:7,,
范围:[假,真,假],
幻灯片:功能(事件、用户界面){
$('#slider-result1').html(ui.values[0]);
$('#slider-result2').html(ui.values[1]);
$('#amount1').val(ui.values[0]);
$('#amount2').val(ui.values[1]);
var z=$('#amount1').val();
变量y=$('#amount2').val();
var x=300;//修复@300,未来使用:
var a=z;//开始/选择器1之间的子范围
var b=y-z;//选择器1/2之间的子范围
var c=x-y;//选择器2/MAX之间的子范围
$('hidden1').html(a);
$('#hidden1').attr('value','a');///这个“a”指的是VAR a,而VAR a从VAR Z获得它
$('#hidden2').attr('value',ui.values[1]);///这是有效的,但不是计划,因为我需要计算的变量
},
});
});

你有很多变量在做同样的事情,我认为这是你的困惑所在

您实际上只对
ui.values[0]
ui.values[1]
感兴趣,所以请先将它们放入变量中,然后从那里开始:

slide: function( event, ui ) {
    // store the values once and use them whenever you need to
    var z = ui.values[0];
    var y = ui.values[1];

    $('#slider-result1' ).html(z);
    $('#slider-result2' ).html(y);
    $('#amount1').val(z);
    $('#amount2').val(y);

    var x=300; // fixed @ 300, future use: <?=$php->size?>
    var b=y-z; // subrange between selector 1 / 2
    var c=x-y; // subrange between selector 2 / MAX

    $('#hidden1').html(z); 
    $('#hidden1').attr('value', z); // don't put a in quotes, it's a variable
    $('#hidden2').attr('value', y);
},
幻灯片:功能(事件、用户界面){ //存储这些值一次,并在需要时使用它们 var z=ui.values[0]; 变量y=ui.values[1]; $('#slider-result1').html(z); $('#slider-result2').html(y); $('#amount1').val(z); $('#amount2').val(y); var x=300;//修复@300,未来使用: var b=y-z;//选择器1/2之间的子范围 var c=x-y;//选择器2/MAX之间的子范围 $('#hidden1').html(z); $('#hidden1').attr('value',z);//不要在引号中加a,它是一个变量 $('hidden2').attr('value',y); },

你所说的计算var是什么意思?var:var c=x-y;对不起,我不清楚你在问什么…我需要用#hidden1和$('#hidden1').attr('value','a')将VarA的内容显示在文本框中,但“a”不是指VARgo,看看js小提琴,看看它是什么,请阅读完整的问题并在问任何问题之前查看小提琴。你自己想想,我的英语不好,所以我很难解释我的意思。你需要一个FOCKING奖章才能得到最好的答案!