js 雷同id值的button按钮，上传文件至服务器
日期：2014-05-16 浏览次数：20399 次
js 相同id值的button按钮，上传文件至服务器
页面两个id值一样的按钮：第一个按钮能在本地选择文件上传，第二个按钮就不行了。点起没反应，js也没报错。
网上说$.browser();是判断浏览器的。我这里$browserButton.browser();是上传文件的，是引用的common.js，没搞懂$browserButton.browser();的意思啊，为什么第二个按钮就不行了啊，求解答！～～
<script type="text/javascript" src="${base}/resources/member/js/common.js"></script>
</script>
$().ready(function() {
var $browserButton = $("#browserButton");
//上传文件
$browserButton.browser();
});
</script>
<body>
<table>
<tr>
<input type="text" class="text file" name="shippings[0].file" />
<input type="button" id="browserButton" class="button" value="${message("admin.browser.select")}" />
</tr>
<tr>
<input type="text" class="text file" name="shippings[1].file" />
<input type="button" id="browserButton" class="button" value="${message("admin.browser.select")}" />
</tr>
</table>
</body>
------解决方案--------------------
两个ID相同的控件，本来就是违反了规范，得到的仅仅是第一个id的值，你可以定义不同的id，或者通过class来获取，或者相同的name
------解决方案--------------------
一个页面不能存在相同的id的，把id换成其他的吧，或者用楼上的方法
页面两个id值一样的按钮：第一个按钮能在本地选择文件上传，第二个按钮就不行了。点起没反应，js也没报错。
网上说$.browser();是判断浏览器的。我这里$browserButton.browser();是上传文件的，是引用的common.js，没搞懂$browserButton.browser();的意思啊，为什么第二个按钮就不行了啊，求解答！～～
<script type="text/javascript" src="${base}/resources/member/js/common.js"></script>
</script>
$().ready(function() {
var $browserButton = $("#browserButton");
//上传文件
$browserButton.browser();
});
</script>
<body>
<table>
<tr>
<input type="text" class="text file" name="shippings[0].file" />
<input type="button" id="browserButton" class="button" value="${message("admin.browser.select")}" />
</tr>
<tr>
<input type="text" class="text file" name="shippings[1].file" />
<input type="button" id="browserButton" class="button" value="${message("admin.browser.select")}" />
</tr>
</table>
</body>
------解决方案--------------------
两个ID相同的控件，本来就是违反了规范，得到的仅仅是第一个id的值，你可以定义不同的id，或者通过class来获取，或者相同的name
$(document).ready(function(){
$(".button").each(function(index, element) {
$(this).browser();
});
});------解决方案--------------------
一个页面不能存在相同的id的，把id换成其他的吧，或者用楼上的方法
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
