使用javascript设置Dropdownlist选择的索引?

时间:2012-11-19 21:15:46

标签: javascript asp.net vb.net

我在asp页面上有2个下拉列表。

如果用户更改了第一个下拉列表的选定索引,请设置DDL2.selectedindex = DDL1.Selectedindex

并分别执行相同的逻辑,除了切换DDL1和DDL2。我从这些对象列表中填充了这些对象(只是为每个对象设置了不同的属性),并且我在查询中有一个order by子句,以确保数据保持同步。我的问题是如何让这个逻辑在javascript中工作?我目前的方法就是这样..

Accounts.Attributes.Add("onBlur", Customers.SelectedIndex = Accounts.SelectedIndex)
Customers.Attributes.Add("onBlur", Accounts.SelectedIndex = Customers.SelectedIndex)

此代码不起作用,但演示了我的拍摄方式。当获得第一个选择的ddl失去焦点时,填充另一个ddl(设置所选索引)。任何帮助都会很棒!


有人能看到我在这里做错了吗?

            $("[id$=ddlStandardAcctNo]").change(function () {

            var acc = $("[id$=ddlStandardAcctNo]");
            var cust = $("[id$=ddlCustomerName]");
            cust.selectedindex = acc.selectedindex;
        });

它编译并且不起作用...... :(这些下拉是在asp gridview中。


看着我正试图这样做..

        $("[id$=ddlStandardAcctNo]").blur(function () {

        var acc = document.getElementById('<%=ddlStandardAcctNo.ClientID %>');
        var cust = document.getElementById('<%=ddlCustomerName.ClientID %>');
        cust.selectedindex = acc.selectedindex
    });

    $("[id$=ddlCustomerName]").blur(function () {

        var acc = document.getElementById('<%=ddlStandardAcctNo.ClientID %>');
        var cust = document.getElementById('<%=ddlCustomerName.ClientID %>');
        acc.selectedindex = cust.selectedindex
    });

问题是我从不使用document.ready导致下拉列表在gridview中。我真的只是学习javascript / jquery,因为我遇到这样的问题,所以随意破解知识鞭子大声笑。

1 个答案:

答案 0 :(得分:1)

我终于明白了!!!! jquery先前的解决方案如下

                        $("[id$=ddlStandardAcctNo]").change(function () {
                        $("[id$=ddlCustomerName]").attr("selectedIndex", this.selectedIndex);
                    });

                    $("[id$=ddlCustomerName]").change(function () {
                        $("[id$=ddlStandardAcctNo]").attr("selectedIndex", this.selectedIndex);
                    });