Question

我想添加元素Name = str(input("Enter the name of your friend: ")) Age = int(input("Enter age of that friend: ")) print("The name of your friend is {} and their age is {}".format(Name, Age))并选择值选项。

<p>

如果我选择4，则元素<select id='select'> <option value="1">1</option> <option value="2">2</option> <option value="3" selected="selected">3</option> <option value="4">4</option> <option value="5">5</option> </select> <p>text</p> <p>text</p> <p>text</p>将显示为4 <p>元素。

如何使用nativ javascript制作它？不是jquery

Answer 1

使用纯javascript，您可以像这样创建一个外部函数并在更改时调用它。

 <script>

        var create_p= function()
        {
            var number =document.getElementById('select').value;
            document.getElementById("add").innerHTML='<p>'+number+'</p>';
        }

        </script>
    <select id='select' onchange="create_p()">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3" selected="selected">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
        </select>
        <div id="add">

        </div>

Answer 2

如果您正在寻找简单的JS实现，那么您可以这样做。

＆＃13;

active

＆＃13;

document.addEventListener("DOMContentLoaded", function() {
  let selectEle = document.querySelector("#select");

  function setVal() {
    let val = selectEle.options[selectEle.selectedIndex].value;
    document.querySelector("p").innerText = val;
  }

  selectEle.addEventListener("change", function(event) {
    setVal();
  });
  setVal();
});

＆＃13;

Answer 3

首先，我建议您为要放入文本的<p>提供课程或ID。但以下内容应该让您开始。

$('#select').on('change', function() {
    $('p').text($('#select').val());
});

如何在javascript中添加元素并选择值选项

3 个答案: