Javascript 根据选定选项设置渲染网格的值

我试图根据选择框中的选定选项设置值以渲染网格。到目前为止，我可以做一个假想场景。我不太确定我所做的是不是“正确”，但它不起作用。。。（所以我想不是）

因此，这是我的搜索函数，它应该根据

返回url+变量，如果value=VISIBLE\u TO\u ALL

（应该设置值url+pr+qryStr），否则将只显示url+qryStr

我想我的问题就在这里

$('select[name=productSelect]').on('change', function () {
    var value = $('select[name=productSelect]').val();
    if (value == 'VISIBLE_TO_ALL') {
        return url + pr + qryStr;
    } else {
        return url + qryStr;
    }
});

我的html

<select name="productSelect">
    <option value="">-
    <optgroup label="Products">
        <option value="ALL">All products
        <option value="VISIBLE_TO_ALL">Products visible to all
    </optgroup>
    <optgroup label="Alliances"></optgroup>
    <optgroup label="Partners"></optgroup>
</select>

-
所有产品
所有人都看得见的产品

---

这可能吗？或者我应该如何设置变量？

如果您的回答是打印值时得到正确的回答，这意味着函数工作正常，没有问题。您不应该返回值（这对您没有帮助，因为您没有存储或使用返回的值），而应该根据您的意愿直接使用这些值

---

由于您希望使用这些值填充网格，因此可以使用jQuery从该函数本身执行此操作，并且每当从选择框中进行新选择时，应更新网格以反映适当的值。您只需要调整函数以适应提供的解决方案。我在该解决方案中，但它不适用于我的问题…：（你能为你的selectbox提供HTML代码吗？我更新了我的问题：）事实上，我认为这个函数正在工作，只是你没有捕捉到返回的值。尝试将这些值打印到控制台，以查看它们是否正确

<select name="productSelect">
    <option value="">-
    <optgroup label="Products">
        <option value="ALL">All products
        <option value="VISIBLE_TO_ALL">Products visible to all
    </optgroup>
    <optgroup label="Alliances"></optgroup>
    <optgroup label="Partners"></optgroup>
</select>