文章/答案/技术大牛

发布

社区首页 >问答首页 >从<p>标签到<select>标签的动态文本

问从<p>标签到<select>标签的动态文本
EN

Stack Overflow用户

提问于 2018-07-02 14:19:53

回答 2查看 34关注 0票数 2

我在下面的代码上得到了网站的很多帮助，我希望不要再多问别人(也许是后面的另一个：)

无论如何，我考虑从<p>标记中的一个属性中添加一个<select>标记的文本，但是我似乎可以理解它。以下是守则：

HTML
<select id="AD">
    <option label="Fruits" id="Fruits1" value="Good for you">   </option>
    <option class="hide" id="Apples" value="http://www..."></option>
    <option class="hide" id="Orages" value="http://www..."></option>

    <option label="Chocolate" id="Chocolate1" value="Very Sweet"></option>
    <option class="hide" id="Hersheys" value="http://www...">
    <option class="hide" id="Kitkat" value="http://www..."></option>

    <option label="Planets" id="Planet1" value="One day we will live there"></option>
    <option class="hide" id="Mars" value="http://www..."></option>
    <option class="hide" id="Jupiter" value="http://www..."></option>

    <option label="Softdrinks" id="Softdrinks" value="Lots of sugar"></option>
    <option class="hide" id="Coke" value="http://www...">
    <option class="hide" id="Pepsi" value="http://www..."></option>
</select>

<div>
    <p id="iframeId"></p>
</div>
<div>
    <iframe id="iframeId1" scr=""></iframe>
</div> 
<div>
    <iframe id="iframeId2" scr=""></iframe>
</div>

JQUERY Code
$(document).ready(function() {                      
    $("#AD").change(function() {
        $('#iframeId').attr('src', $(this).find('option:selected').val());
        $('#iframeId1').attr('src', $(this).find('option:selected').next().val()); 
        $('#iframeId2').attr('src', 
        $(this).find('option:selected').next().next().val());   
    });
    $("#AD").change(); 
});

iframes工作得很好，只是不能显示<p>标签。我遗漏了什么？

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-02 14:24:33

在一个src标记上设置一个p属性，这是不正确的，什么也不做。

可以使用p设置text()标记的文本。

$('#iframeId').text($(this).find('option:selected').val());

票数 2

Stack Overflow用户

发布于 2018-07-02 14:43:30

使用一个示例展开Musa的答案，设置text()而不是不正确的src属性肯定会完成任务。

$(document).ready(function() {
  $("#AD").change(function() {
    var selected = $(this).find('option:selected');

    $('#iframeId').text(selected.val());
    $('#iframeId1').attr('src', selected.next().val());
    $('#iframeId2').attr('src', selected.next().next().val());
  });
  $("#AD").change();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="AD">
  <option label="Fruits" id="Fruits1" value="Good for you"> </option>
  <option class="hide" id="Apples" value="http://www..."></option>
  <option class="hide" id="Orages" value="http://www..."></option>

  <option label="Chocolate" id="Chocolate1" value="Very Sweet"></option>
  <option class="hide" id="Hersheys" value="http://www..."></option>
  <option class="hide" id="Kitkat" value="http://www..."></option>

  <option label="Planets" id="Planet1" value="One day we will live there"></option>
  <option class="hide" id="Mars" value="http://www..."></option>
  <option class="hide" id="Jupiter" value="http://www..."></option>

  <option label="Softdrinks" id="Softdrinks" value="Lots of sugar"></option>
  <option class="hide" id="Coke" value="http://www..."></option>
  <option class="hide" id="Pepsi" value="http://www..."></option>
</select>

<div>
  <p id="iframeId"></p>
</div>
<div><iframe id="iframeId1" scr=""></iframe></div>
<div><iframe id="iframeId2" scr=""></iframe></div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51138307

复制

相似问题

问从<p>标签到<select>标签的动态文本
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从<p>标签到<select>标签的动态文本EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从<p>标签到<select>标签的动态文本
EN