Question

我需要知道如何从一个标题复制文本：例如：

<h2 class="customTitleHead">This is a Heading</h2>

输入值：

<input type="text" value="" name="rProvider" class="rr_small_input" />

最后我需要标题

的输入文本值

<input type="text" value="This is a Heading" name="rProvider" class="rr_small_input" />

我尝试过使用但我的输入中没有任何内容。

jQuery(function () {
  jQuery(".rr_small_input[name='rProvider']").val(jQuery("h2.customTitleHead").val());
});

Answer 1

val()返回（或设置）value，input，select，textarea元素的progress属性。 H2元素显然没有值属性。 text()是返回元素内部文本的方法。

jQuery(".rr_small_input[name='rProvider']").val(jQuery("h2.customTitleHead").text());

Answer 2

.val()仅适用于input，select，textarea和progress元素（据我所知;因为只有这些元素有{ {1}}属性。对于您使用的每个其他元素jQuery's .text() method：

value

Answer 3

<h2 id='myHeader' class="customTitleHead">This is a Heading</h2>
<input id='myInput' type="text" value="This is a Heading" name="rProvider" class="rr_small_input" />


<script>
    jQuery(document).ready(function() {
        $('#myInput').val($('#myHeader').val());
    });
</script>

Answer 4

好吧，我会这样做的：

$('input').val($('.customTitleHead').html())

因此，您从类html中抓取.customTitleHead，然后输入input val。简单。

注意：您也可以使用.text()代替.html()我只是习惯使用.html()

DEMO HERE

如果您希望某个input使用该类而不是input。所以：

$('.rr_small_input').val($('.customTitleHead').html())

DEMO HERE

将标题TEXT作为输入值jQuery

4 个答案: