使用HTML jQuery处理选择框值

我有这样的代码

HTML:

代码在JSFIDLE中共享，以便于编辑

更改from值时，将根据from_值事件更改to值

现在，我想做的是

如果from_值为5，则to_值应仅显示所选值的5,6,7,8四个值

换句话说，相对于from_值，仅显示四个值。 如果from_值是6，那么在to_值中，我应该只能看到6,7,8,9

我怎样才能做到这一点？我知道这有点容易，但我仍然在处理我的代码

谢谢， Kimz

试试这个：

HTML:

试试这个：

HTML:

试试这个：

HTML:

试试这个：

HTML:

试试这个

$("#from_value").change(function () {
    var val = +this.value;
    $("#to_value option")
    .hide()
    .filter(function() {
        return ($(this).val() >= val && $(this).val() < val + 4);
    })
    .show();
    $("#to_value").val(val);
});

它隐藏所有选项，然后使用筛选功能来识别要显示的选项。

试试这个

$("#from_value").change(function () {
    var val = +this.value;
    $("#to_value option")
    .hide()
    .filter(function() {
        return ($(this).val() >= val && $(this).val() < val + 4);
    })
    .show();
    $("#to_value").val(val);
});

它隐藏所有选项，然后使用筛选功能来识别要显示的选项。

试试这个

$("#from_value").change(function () {
    var val = +this.value;
    $("#to_value option")
    .hide()
    .filter(function() {
        return ($(this).val() >= val && $(this).val() < val + 4);
    })
    .show();
    $("#to_value").val(val);
});

它隐藏所有选项，然后使用筛选功能来识别要显示的选项。

试试这个

$("#from_value").change(function () {
    var val = +this.value;
    $("#to_value option")
    .hide()
    .filter(function() {
        return ($(this).val() >= val && $(this).val() < val + 4);
    })
    .show();
    $("#to_value").val(val);
});

---

它会隐藏所有选项，然后使用筛选功能来确定要显示的选项。

请再次阅读我的问题并帮助我解决。这不是预期的效果。谢谢。请再读一遍我的问题并帮我解决。这不是预期的效果。谢谢。请再读一遍我的问题并帮我解决。这不是预期的效果。谢谢。请再读一遍我的问题并帮我解决。这不是预期的效果。无论如何，谢谢。没问题-乐于帮助：没问题-乐于帮助：没问题-乐于帮助：没问题-乐于帮助：请不要标记垃圾邮件。你的问题与插件无关。编辑。谢谢。请不要标记垃圾邮件。你的问题与插件无关。编辑。谢谢。请不要标记垃圾邮件。你的问题与插件无关。编辑。谢谢。请不要标记垃圾邮件。你的问题与插件无关。编辑。谢谢

$("#from_value").change(function () {
    var val = +this.value;
    $("#to_value option")
    .hide()
    .filter(function() {
        return ($(this).val() >= val && $(this).val() < val + 4);
    })
    .show();
    $("#to_value").val(val);
});