javascript - 如何将功能应用于下拉菜单？

Question

如何将函数 ToggleDropDown() 用于下拉 asp tag:::？
当用户从下拉列表中选择时，我想在所有标签之间输入文本

function ToggleDropDown(targetId, targetSelcteTextId) {
        var e = document.getElementById("" + targetId + "");
        var strUser = e.options[e.selectedIndex].text;
        $("#" + targetSelcteTextId + "").text(strUser);
    }

我的代码..>>

<span class="ui-btn-inner">
    <span class="ui-btn-text" id="ddpChannelCatgSELECTED" onchange="ToggleDorpDown('ddpChannelCatg', 'ddpChannelCatgSELECTED')">
      <span>All</span>
    </span>
 <span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span>

<asp:DropDownList runat="server" TabIndex="508" Width="100%" ID="ddpChannelCatg" />

Answer 1

试试这个

function ToggleDropDown(targetId, targetSelcteTextId) {
    $('#' + targetSelcteTextId).text($('#' + targetId).find('option:selected').html());
};

Answer 2

尝试：

$(document).ready(function(){
    $("#<%= ddpChannelCatg.ClientID %>").change(function(){
        ToggleDorpDown(this.id, 'ddpChannelCatgSELECTED');
    });
});