Javascript 根据下拉值字段中的部分值选择下拉

我有一个场景，其中我必须根据querystring选择drop值

查询字符串可以是eq=c-1q=c-2q=p-5

下拉列表中的值可以是value=8-p-5 value=5-G-0 value=7-p-7

如何根据查询字符串选择下拉值

是否有可能从C或jquery后面的代码中实现这一点是一个简单的解决方案

<select name="ctl00$ContentPlaceHolder1$ddlOptionGroup" id="ContentPlaceHolder1_ddlOptionGroup" class="form-control">
    <option value="1-C-1">Item 1</option>
    <option value="4-C-2">Item 2</option>
    <option value="5-G-0">Item 3</option>
    <option value="7-P-7">Item 4</option>
    <option value="8-P-5">Item 5</option>
    <option value="10-C-4">Item 6</option>
    <option value="3-P-0">Item 7</option>
    <option value="2-P-0">Item 8</option>
    <option value="6-G-0">Item 9</option>

</select>

---

如果查询字符串为q=c-2，则应选择第2项。如果您正在使用JavaScript/jQuery解决方案，则可以选择，然后使用jQuery选择器根据特定select标记中的条件查找选项

请注意，这假设q中的值在select元素的value属性中是唯一可识别的。在您当前的数据集中，q=p-0的第7项和第8项都匹配。因为你没有为那个案子提供商业规则，所以我把它保留在这里

以下是一个片段，演示了这一点：

//使用window.location.search 变量搜索='？q=p-5'；//window.location.search； //处理此值的可能搜索？foo=bar&q=p-5fragment var parms=search.substr1.split'&'； forvar i=0；i0{ var value=keyValue[1]。拆分； $'select>option[value*='+value[0].toUpperCase+']'.prop'selected'，true； } } 项目1 项目2 项目3 项目4 项目5 项目6 项目7 项目8 项目9

---

如果您对JavaScript/jQuery解决方案持开放态度，则可以使用，然后使用jQuery选择器根据特定select标记中的条件查找选项

请注意，这假设q中的值在select元素的value属性中是唯一可识别的。在您当前的数据集中，q=p-0的第7项和第8项都匹配。因为你没有为那个案子提供商业规则，所以我把它保留在这里

以下是一个片段，演示了这一点：

//使用window.location.search 变量搜索='？q=p-5'；//window.location.search； //处理此值的可能搜索？foo=bar&q=p-5fragment var parms=search.substr1.split'&'； forvar i=0；i0{ var value=keyValue[1]。拆分； $'select>option[value*='+value[0].toUpperCase+']'.prop'selected'，true； } } 项目1 项目2 项目3 项目4 项目5 项目6 项目7 项目8 项目9 也可以通过Linq语法来实现

DropDownList1.Items.Cast<ListItem>()
                   .Where(x => x.Value.Contains("C-2"))
                   .LastOrDefault().Selected = true;

也可以通过Linq语法来实现

DropDownList1.Items.Cast<ListItem>()
                   .Where(x => x.Value.Contains("C-2"))
                   .LastOrDefault().Selected = true;

---

你的问题似乎不清楚。。请您解释一下您是如何在选择菜单中映射查询字符串值和选项的？从第一页开始，我将值作为查询字符串q=c-2传递，在另一页上，我必须预先选择部分匹配查询字符串的下拉列表。我有分类页面和项目页面，两者的ID可以相同，因此为了预选以正确选择下拉列表中的项目，我在valie前面加上C&P，C作为项目分类和项目的前缀。因此，在任何情况下，选项中的值都是唯一的，对吗？是的，为了使其唯一，您的问题似乎不清楚。。请您解释一下您是如何在选择菜单中映射查询字符串值和选项的？从第一页开始，我将值作为查询字符串q=c-2传递，在另一页上，我必须预先选择部分匹配查询字符串的下拉列表。我有分类页面和项目页面，两者的ID可以相同，因此为了预选以正确选择下拉列表中的项目，我在valie前面加上C&P，C作为项目分类和项目的前缀。因此，在任何情况下，选项中的值都是唯一的，对吗？是的，使其唯一性这么好answer@Learning@rene这将为q=P-0选择选项2-P-0。换句话说，将永远不会选择值为3-P-0的选项第7项。@Tushar是的，这取决于OP如何解决该方案。最后，如果查询字符串上的值实际上与选项中的值完全匹配，那么他们的生活就会轻松得多。提供部分密钥只能为您提供尽力而为的匹配。如果有业务逻辑可以确定何时选择一个而不是需要添加的另一个。我已经扩展了我的答案来通知访问者这个问题。这太棒了answer@Learning@rene这将为q=P-0选择选项2-P-0。换句话说，将永远不会选择值为3-P-0的选项第7项。@Tushar是的，这取决于OP如何解决该方案。最后，如果查询字符串上的值实际上与选项中的值完全匹配，那么他们的生活就会轻松得多。提供部分密钥只能为您提供尽力而为的匹配。如果有业务逻辑可以确定何时选择一个而不是需要添加的另一个。我已经扩展了我的回答，通知访问者这个问题。