javascript - Jqueryとのリンクからオプション値を変更するには?

Question

ユーザーがリンクをクリックしたときに 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>

そして、私は2つのリンクを持っています

<a href="#" title="red" class="preview_link">red</a> 
<a href="#" title="white">white</a>

ユーザーが赤をクリックすると、オプションが赤に切り替わり、白が白に切り替わります。次のコードを使用していますが、機能していません。

この jquery を HTML ドロップダウンの代わりに Asp listItem で動作するように変更するにはどうすればよいですか?

 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');  });