Question

javascript如何获取按钮value值给另一个ID的input

<input type="hidden" id="trans-language" name="trans-language" value="">
<span type="button" value="a1" class="btn">选项1</span>
<span type="button" value="a2" class="btn">选项2</span>
<span type="button" value="a3" class="btn">选项3</span>
<span type="button" value="a4" class="btn">选项4</span>

就是这个，点击 button后 让 ID为 id="trans-language" 获取 按钮的value值
我这样写的，不过不管用诶

//按钮事件值接收
$(document).ready(function(){
$(".btn").click(function(){
$(".btn").removeClass("me");
$(this).addClass("me");//这俩句控制样式
$("#trans-language").val($(this).val());//这句把对应的button的值传给之前那个id为trans-language的input标签，用来储存你所选择的值。
});
});

还有就是 如何刚开始的时候默认一个值?

Answer 1

span 标签改成 input 就行了， 如果按照你这样写的话，应该写成：

$("#trans-language").val($(this).attr('value'));

value是input内置的属性，在span中属于自定义属性。

Answer 2

1、正确的不应该用$(this).val()，而是$(this).html()或$(this).text()
2、type=button 应该用在input，而不是span，当然你要这么写也是可以的，毕竟html能够写自定义的属性，但是显然你的不怎么符合html语义咯
3、val()只能用在input这些地方才合适
希望 能够帮到你

Answer 3

我看不懂的html代码呢，span标签有type属性吗？