如何按用户输入次数重复输出DropdownList选中项？

嘿，我来帮你搞定这个重复输出的问题！其实这个需求实现起来挺简单的，我给你准备了两种常用的方案，你可以根据自己的项目场景来选：

方案1：后端（ASP.NET Web Forms）实现 #

如果你的项目是基于ASP.NET Web Forms的，咱们可以通过后端代码来处理：

1. 先确认页面上的控件ID：比如输入次数的TextBox叫txtRepeatCount，动物选择的DropdownList叫ddlAnimals，提交按钮叫btnSubmit，再加一个用来显示结果的Label控件lblResult。
2. 给提交按钮添加点击事件的C#代码：

protected void btnSubmit_Click(object sender, EventArgs e)
{
    // 先验证输入的次数是否是有效的正整数
    if (int.TryParse(txtRepeatCount.Text, out int repeatCount) && repeatCount > 0)
    {
        // 获取DropdownList选中的动物文本
        string selectedAnimal = ddlAnimals.SelectedItem.Text;
        // 生成重复的字符串，用逗号分隔
        string result = string.Join(",", Enumerable.Repeat(selectedAnimal, repeatCount));
        // 把结果显示在Label里
        lblResult.Text = result;
    }
    else
    {
        // 输入无效时给出提示
        lblResult.Text = "请输入一个大于0的有效数字哦！";
    }
}

这段代码逻辑很清晰：先做输入验证避免错误，然后用Enumerable.Repeat快速生成重复的项，最后用string.Join拼接成你想要的逗号分隔格式。

方案2：纯前端JavaScript实现 #

如果不想让页面回发，想要更流畅的用户体验，纯前端处理是更好的选择：

1. 同样先确认控件ID：TextBox为txtRepeatCount，DropdownList为ddlAnimals，提交按钮为btnSubmit，再用一个<div id="resultDiv"></div>来显示结果。
2. 添加JavaScript代码：

document.getElementById('btnSubmit').addEventListener('click', function() {
    // 获取用户输入的次数并转为数字
    const repeatCount = parseInt(document.getElementById('txtRepeatCount').value);
    // 获取DropdownList选中的动物文本
    const selectedAnimal = document.getElementById('ddlAnimals').options[document.getElementById('ddlAnimals').selectedIndex].text;
    
    // 验证输入是否有效
    if (isNaN(repeatCount) || repeatCount <= 0) {
        document.getElementById('resultDiv').textContent = "请输入一个大于0的有效数字哦！";
        return;
    }
    
    // 生成重复的结果字符串
    const result = Array(repeatCount).fill(selectedAnimal).join(',');
    // 显示结果
    document.getElementById('resultDiv').textContent = result;
});

这里用Array.fill快速创建包含重复项的数组，再用join方法拼接成逗号分隔的字符串，全程在前端完成，不需要和服务器交互。

小提示 #

• 不管用哪种方案，输入验证都很重要，一定要确保用户输入的是大于0的有效数字，不然会出现逻辑错误或者异常。
• 如果用后端方案，要确保按钮的回发功能正常（ASP.NET Web Forms里默认按钮是会触发回发的）；如果用前端方案，记得不要给按钮加runat="server"（如果是Web Forms项目的话），或者阻止默认回发行为。

内容的提问来源于stack exchange，提问作者Shamshad Rizvi