html 如何使用jquery更新p(段落标签)的值

ix0qys7i 于 2023-08-01 发布在 jQuery

关注(0)|答案(5)|浏览(147)

我想更新的P标签的变化使用jquery的下拉菜单的值。我使用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>

字符串

Html

来源：https://stackoverflow.com/questions/23357688/how-to-update-a-value-of-p-paragraph-tag-using-jquery

5条答案

按热度按时间

nbysray51#

试试这个：

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

字符串

赞(0）回复(0）举报 2023-08-01

hwamh0ep2#

超文本标记语言：

<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的

赞(0）回复(0）举报 2023-08-01

4si2a6ki3#

请将您的代码替换为

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

字符串

赞(0）回复(0）举报 2023-08-01

u91tlkcl4#

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中的演示。

赞(0）回复(0）举报 2023-08-01

svgewumm5#

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

ul.dropdown-menu li a{
  cursor:pointer;
}

<!DOCTYPE html>
<html>

<body>

    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    </head>
    <p id="qtitle" style="padding-left:15px;"><strong>text to change</strong></p>

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

</body>

</html>

赞(0）回复(0）举报 2023-08-01

我来回答

html 如何使用jquery更新p(段落标签)的值

5条答案

相关问题

热门标签

最新问答