Question

这可能很容易解决，但是，我在找到正确答案时遇到了一些困难。

基本上，我有一个我正在使用的jQuery滑块。每次更改滑块时，我都希望根据<span>框的更改来更新<select>。

要查看代码的实际效果，请访问 http://jsbin.com/etusu/edit

正如您将看到的，每张幻灯片都会<select>框更新，但<span>只更新一次。我希望像<select>一样经常更新，因为最终，我会隐藏<select>框。对此的任何帮助将不胜感激。

Answer 1

您只需提取一次时间文字，此处：

var hour_value = $("#hour :selected").text();

并使用该变量设置文本：

$(".time_viewer").text(hour_value);

相反，您需要每次获取值，因为:selected选项更改（原始变量不会更新），就像这样

$(".time_viewer").text($("#hour :selected").text());

Here's the updated/working version