如何使用Jquery更改链接中的选项值？
如何使用Jquery更改链接中的选项值？
提问于 2012-09-03 22:53:40
我正在寻找一种方法，以改变从一个Asp ListItem当用户点击一个链接的选项值。
例如，我有一个Asp ListItem：
<asp:DropDownList ID="DropDownList1" runat="server" class="Preview_link"
Height="20px" Width="118px">
<asp:ListItem>Red</asp:ListItem>
<asp:ListItem>White</asp:ListItem>
<asp:ListItem>Green</asp:ListItem>
<asp:ListItem>Blue</asp:ListItem>
</asp:DropDownList>我有两个链接
<a href="#" title="red" class="preview_link">red</a>
<a href="#" title="white">white</a>当用户单击红色时，选项将切换为红色，白色将切换为白色。我正在使用以下代码，但它不起作用。
我该如何将这个jquery改为使用Asp listItem而不是html下拉菜单呢？
jQuery("a.preview_link").click(function() {
var title = jQuery(this).attr("title");
jQuery(this).parent('p').find("select option").filter(function() {
return $(this).text() == title;
}).attr('selected', 'selected'); });回答 2
Stack Overflow用户
发布于 2012-09-03 23:04:16
如果你的选择器没问题--这应该行得通：
jQuery("a.preview_link").click(function() {
var title = jQuery(this).attr("title");
jQuery(this).parent('p').find("select option").filter(function() {
return $(this).text().toLowerCase() == title;
}).attr('selected', 'selected');
});但是这个函数看起来真的很吓人。您可以使用jQuery(this).parent('p').find("select").val(title)选择一个选项。这里只有一件事-我不确定是否区分大小写，但假设大小写很重要。
我该如何修改这个jquery来使用Asp listItem而不是html下拉菜单呢？
现在还不清楚你想要什么。ListItem是一个html下拉菜单，如果你在浏览器中查看它的话。
Stack Overflow用户
发布于 2012-09-03 23:04:39
你可以更简单地这样做：
$("a.preview_link").click(function() {
var title = $(this).attr("title");
$('#DropDownList1 option[value=title]').attr("selected", true);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12250154
复制相关文章
相似问题
腾讯云开发者
