Question

我正在尝试更新具有多个输入按钮的div的文本。单击输入按钮时，应将按钮的值传递给div并替换div中的文本。

它基本上是一个下拉菜单，当用户点击某个选项时它会关闭。出于显而易见的原因，我希望用按钮的名称替换默认的“选择一个”。

结构如下：

                    <div class="button_slide" rel="slide1">Choose one</div>
                    <div class="content_slide slide1">
                        <input id="ButtonCake" class="button_vertical special_button" type="button" value="Cake" size="10px" />
                        <input id="ButtonNoCake" class="button_vertical special_button" type="button" value="No Cake" />                                                                            
                    </div>

因此，当用户点击蛋糕时，我希望“选择一个”更改为“蛋糕”。我有一些这些领域，所以一个非常通用的jQuery解决方案将是非常棒的。谢谢你的阅读。

Answer 1

$(".button_vertical").click(function() {
   $(".button_slide").text($(this).val());
});

如果您有多个.button_slide div，请为其提供ID或更好 - 请使用父<div>并使用：$(this).parent().children(".button_slide")

Answer 2

$('button').click(function(){
  $('.button_slide').text($(this).val());
})

应该这样做

Answer 3

$('input').click(function() {
  var new_val = $(this).val();
  $('.button_slide').val(new_val);
});

Answer 4

您需要实施click()功能，并使用text()功能

将所需的值传递给button_slide

$(".special_button").click(function(e) {
   $(".button_slide").text($(this).val());
});

参考

Answer 5

<div class="button_slide" rel="slide1" id="sld">Choose one</div>
<div class="content_slide slide1">
<script language="javascript">

var buttonArr = new Array("Cake","No Cake");
for(var i=0;i<buttonArr.length;i++){
 document.write(" <input onclick='showvalue(this.value)' class='button_vertical special_button' type='button' value='"+buttonArr[i]+"' />")
}
function showvalue(value){
 document.getElementById("sld").innerHTML = value;
}
</script>
</div>

使用输入值更新DIV的文本

5 个答案:

参考