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());
});

here jsfiddle中的演示。

如何使用jquery更新p（段落标记）的值

4 个答案: