js 拥有相同name、id的input 怎么通过点击事件获取相应的值

通过ref取值：

<input type="text" onChange={thischangeFunbind(this)} ref='inputs' />

changeFun(e){

consolelog('输入的值：',thisrefsinputsvalue)

}

在springmvc中controller的结果集可通过json格式传到js前端接受，也可以通过Map传给前端，具体实现如下

1，通过json格式传递

controller层实现如下

@RequestMapping("queryCityInfo")

@ResponseBody

public String queryCityInfo()throws Exception{

String provinceId = getString("id");

@SuppressWarnings("rawtypes")

List cityList = personalServicequeryCity(provinceId);

if(null != cityList && cityListsize() >0 ){

String json = JSONUtilstoJSONString(cityList);

superoutStr(json);

}

return null;

}

protected void outStr(String str)</span>

{

try

{

responsesetCharacterEncoding("UTF-8");

responsegetWriter()write(str);

}

catch (Exception e)

{

}

}

public static <T> String toJSONString(List<T> list)

{

JSONArray jsonArray = JSONArrayfromObject(list);

return jsonArraytoString();

}

js端接受如下

function selectBankCity(id){

$ajax({

url:baseAddress+"queryCityInfodoprovinceId="+id,

type:'get',

dataType:'json',

success:function(data){

$('#custBankArea')empty();

$('#custBankArea')append("<option >--请选择城市信息--</option>");

for(var i=0;i<datalength;i++){

$('#custBankArea')append("<option value='"+scjgcjcomdata[i]id+"'>"+data[i]cityName+"</option>");

}

}

});

}

2，通过Map传递

controller层实现如下

@RequestMapping("queryProvince")

@ResponseBody

public Map<String, Object>  queryProvince(>

为什么非要ID呢，class不是更好吗？要知道，ID一般为唯一性质的

<div class="btn">

<a class="ReplyBtn" data-id="{$aaaid}">回复</a>

</div>

$("btn")on("click","aReplyBtn",function(){

var id=$(this)attr("data-id");

alert(id);

});

区别不同就在ID上，回复不同的内容对应ID

以上就是关于js 拥有相同name、id的input 怎么通过点击事件获取相应的值 全部的内容，包括:js 拥有相同name、id的input 怎么通过点击事件获取相应的值 、js怎么获取从springmvc后台传过来的数据、jquery,js获取a标签id属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！