使用 javascript onchange 更改下拉列表的名称答案

【问题标题】：Changing the name od a dropdown using javascript onchange使用 javascript onchange 更改下拉列表的名称
【发布时间】：2015-07-14 10:12:08
【问题描述】：

您好，我需要根据从列表中选择的内容更改下拉框的名称。

<form  name="dofilter" method="post" action="<%=site_url%>/product">
    <select name="ff" onchange="form.submit();">
        <option value="">--</option>
        <option value="brut">brut</option>
        <option value="Moet"> Moet</option>
    </select>
</form>

如果选择了 brut 选项，我需要选择名称为 FK 和如果选择了 Moet 选项，我需要选择名称为 FF

请帮忙

【问题讨论】：

您需要这个有什么特别的原因吗？更改表单元素的名称非常奇怪，考虑到接收信息的后端处理代码依赖于静态名称，以便它可以读取该值。为什么不将名称保留为通用名称，例如。 Type，然后将option元素的值分别更改为FK和FF？
是的，下拉框按品牌过滤页面上的产品，我想在页面上添加另一个过滤器，但没有另一个下拉框。并且它的工作方式名称需要不同。

标签： javascript jquery html html-select onchange

【解决方案1】：

我就是这样做的：

$("form > select").change(function () {
    $(this).parent().attr("name", $(this).find("option:selected").attr("id"));
});

Here is the JSFiddle demo.

您可以通过检查元素来检查名称是否立即更改。

【讨论】：

好的，选项是从数据库中添加的，所以有什么理由从选项 id 中删除它
跨度>
是的，我将编辑答案并链接到新的 JSFiddle 。
是否每个选项都有一个 id，其中包含要设置为表单名称的值？
嗨，是的，他们有要在其中设置的值。