Question

我想将div文本作为输入值。问题是div文本是由一个ui范围滑块给出的...我不能让它坚持下去，它不会将文本作为值放置，这就是我所拥有的：

脚本：

var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];

$("#slider").slider({
      orientation: "vertical",
      range: "min",
      animation:false,
      min: 0,
      max: 36,
      value: 0,
  slide: function(event, ui) {
      $(".rsize").text(sizes[ui.value]);
  }
});

$('#slider').change( function(){
   $('input').val($(".rsize").text());
});

Answer 1

尝试这种方式：

var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];

$("#slider").slider({
      orientation: "vertical",
      range: "min",
      animation:false,
      min: 0,
      max: 36,
      value: 0,
  slide: function(event, ui) {
      $(".rsize").text(sizes[ui.value]);
      $('input').val($(".rsize").html());
  }
});

或直接使用$('input').val(sizes[ui.value]);

Answer 2

你不需要做一个中间人占位符，只需要直接来源：

var sizes = ["0", "1", "2", "3", "4", "5", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];

$("#slider").slider({
   orientation: "vertical",
   range: "min",
   animation:false,
   min: 0,
   max: 36,
   value: 0,
   slide: function(event, ui) {    
      $('.convert').val(sizes[ui.value]);
   }
});

小提琴： http://jsfiddle.net/4wLstfd3/

Answer 3

试

$("#slider").slider({
      orientation: "vertical",
      range: "min",
      animation:false,
      min: 0,
      max: 36,
      value: 0,
      slide: function(event, ui) {
         $(".rsize").text(sizes[ui.value]); //you need?
         $('input').val(sizes[ui.value]);
      }
}

将div文本作为输入值

3 个答案: