如何使用jQuery更新p的值（段落标签）

Question

我想使用jquery在更改下拉菜单时更新P标签的值。 我使用jquery更改和获取价值的代码如下。 请提供一些解决方案，谢谢...

<script type="text/javascript">
(document).ready(function(){
  $('.dropdown-menu li a').click(function(){
    alert($(this).text());

  });
});
</script>

 <p id="qtitle" style="padding-left:15px;"><strong>text to change</strong></p>

Answer 1

尝试这个：

$(function(){
    $('.dropdown-menu li a').click(function(){
        $("#qtitle strong").html($(this).text());
    });
});

Answer 2

HTML：

<p id="qtitle" style="padding-left:15px;"><strong>text to change</strong></p>

<div id="myList" class="dropdown-menu">
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
    <li><a>4</a></li>
</div>

JS：

 $('.dropdown-menu li a').click(function(){
    $('#qtitle strong').text($(this).text());
 });

.html（text）也可以。 但是，.text（text）是更改元素的文本值的安全方法。 在http://api.jquery.com/text/上查看文档

请参阅以下工作代码：

JSFiddle

Answer 3

请替换为

  document.ready(function(){
      $('.dropdown-menu li a').click(function(){
        $("#qtitle strong").html($("#YourNewText").val());
      });
    });

Answer 4

HTML代码：

<select class="target">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<p id="qtitle" style="padding-left:15px;"><strong>Text to change</strong></p>

jQuery代码：

$( ".target" ).change(function() {
    $("#qtitle strong").html($(".target option:selected").text());
});

演示在这里 jsfiddle。