JavaScript中的Button错位响应

[Tabris_k]

如图，问题是当我单击上面的复制按钮时，下面的复制按钮却响应变化。

两个按钮的代码如下所示

       		<div class="baseurl-div form-group">
                <label for="component-title" class="col-lg-3">服务商管理地址</label>
                <div class="col-lg-5">
	                 <input id="baseurl" type="text" readonly="true"  class="form-copy-line param">
	                 <button id="copy—baseurl" type="button" data="baseurl" class="copyBtn btn-primary btn-xs" onclick="copyContent('baseurl')">复制 </button>
	                 <p  class="pmt-form-help-block">服务商管理地址</p>
                </div>
                  <div class="clear"></div>
            </div>
                        
              <div class="channelurl-div form-group">
               <label for="component-title" class="col-lg-3">渠道商管理地址</label>
               <div class="col-lg-5">
                <input id="channelurl" type="text" readonly="true" class="form-copy-line param">
              	<button id="copy—channelurl" type="button" data="channelurl" class="copyBtn btn-primary btn-xs" onclick="copyContent('channelurl')">复制 </button>
                <p  class="pmt-form-help-block">渠道商管理地址</p>
               </div>
                 <div class="clear"></div>

onClick响应函数

function copyContent(id){
	alert(id);
	if(window.clipboardData){
		var content = document.getElementById(id).value;
		window.clipboardData.setData("Text" ,content);
		alert("URL已复制到黏贴板！");
	}else{
		alert("文本已选中\n请按Ctrl+C复制文本");
		document.getElementById(id).select();
	}
}

在提供一条信息 我右击上面一个按钮时弹出的是


右击下面按钮则是