JQuery 在复选框更改时未将状态下拉列表 1 复制到 DDL2答案

【问题标题】：JQuery not copying state dropdown list 1 to DDL2 on checkbox changeJQuery 在复选框更改时未将状态下拉列表 1 复制到 DDL2
【发布时间】：2011-10-18 15:49:50
【问题描述】：

我查看过有关该主题的类似帖子，但没有一个推荐的解决方案对我有用，所以我不确定我哪里出错了。我有一个帐单和送货地址表格，其中包含该州的下拉列表。在选中/取消选中“与发货地址相同的帐单地址”后，除了状态下拉列表外，所有内容都会复制。状态下拉列表由 SQLDataSource 状态表填充。

这是我的代码：

<script type="text/javascript" language="javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
  $('input:checkbox[id*=chkCopy]').change(function () {
    if ($(this).is(':checked')) {
      $('input:text[id*=TextBox5]').val($('input:text[id*=TextBox1]').val());
      $('input:text[id*=TextBox7]').val($('input:text[id*=TextBox2]').val());
      $('input:text[id*=TextBox9]').val($('input:text[id*=TextBox3]').val());
      $('input:text[id*=TextBox12]').val($('input:text[id*=TextBox4]').val());
      $('select#DropDownList6').val($("select#DropDownList1").val());
      $('input:text[id*=TextBox14]').val($('input:text[id*=TextBox6]').val());
    }
    else {
      $('input:text[id*=TextBox5]').val('');
      $('input:text[id*=TextBox7]').val('');
      $('input:text[id*=TextBox9]').val('');
      $('input:text[id*=TextBox12]').val('');
      $('select#DropDownList6').val('');
      $('input:text[id*=TextBox14]').val('');
    }
  });
});

这是我的 DDL 的 SQL：

<asp:DropDownList ID="DropDownList1" runat="server" DataTextField="Descr" DataValueField="ID" DataSourceID="SqlDataSource1" Width="254">
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ASPNETDBConnectionString1 %>" SelectCommand="SELECT * FROM [xrefState]">
</asp:SqlDataSource>

另一个：

<asp:DropDownList ID="DropDownList6" runat="server" DataTextField="Descr" DataValueField="ID" DataSourceID="SqlDataSource5" Width="254">
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource5" runat="server" ConnectionString="<%$ ConnectionStrings:ASPNETDBConnectionString1 %>" SelectCommand="SELECT * FROM [xrefState]">
</asp:SqlDataSource>

【问题讨论】：

检查下拉列表的选择器。 ID 是否实际呈现为 #DropDownList1 和 #DropDownList6？
想通了，我将其更改为以下内容： $('select[id*=DropDownList6]').val($("select[id*=DropDownList1]").val() );在 else 部分： $('select[id*=DropDownList6]').val('');感谢您为我指明正确的方向 fehays...我无法回答我自己的问题，所以我在 cmets 上发帖

标签： jquery checkbox drop-down-menu billing shipping

【解决方案1】：

想通了，我改成下面这样：

$('select[id*=DropDownList6]').val($("select[id*=DropDownList1]").val());

在其他部分：

$('select[id*=DropDownList6]').val('');

【讨论】：