添加<；选择>；标记到a<；部门>；使用jQuery的字段_Jquery

添加<；选择>；标记到a<；部门>；使用jQuery的字段

jquery

添加<；选择>；标记到a<；部门>；使用jQuery的字段,jquery,Jquery,我创建了一个链接（试试这个脚本： <script> $(document).ready(function(){ $(".dropdown-btn").click(function(){ $(".canvas").append('<div><form><select name="dropdown" id="dropdown"&g

我创建了一个链接（

试试这个脚本：

<script>
      $(document).ready(function(){
        $(".dropdown-btn").click(function(){
          $(".canvas").append('<div><form><select name="dropdown" id="dropdown"><option value="1">1</option><option value="2">2</option></select></form><div>');
        });
      });
    </script>


$（文档）.ready（函数（）{
$（“.dropdown btn”）。单击（函数（）{
$（“.canvas”）.append（'12'）；
});
});

在不使用

的情况下使用特征线不是一个好的选择。我在一行中完成了所有操作，它更好

是否有任何错误？您得到的输出是什么？这可能很有用：不太确定您想说什么“不使用

\'

”-您可以围绕“code”使用backtick`将其转义为多行，请在

前后使用带换行符的

'text'+'line2'+'line3'

$(document).ready(function(){
  $(".dropdown-btn").click(function(){
    $(".canvas").append("""<div><form>
      <select name="dropdown" id="dropdown">
        <option value="1">1</option>
        <option value="2">2</option>
      </select>
    </form><div>""");
  });
});

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $(".dropdown-btn").click(function(){
          $(".canvas").append("""<div><form>
            <select name="dropdown" id="dropdown">
              <option value="1">1</option>
              <option value="2">2</option>
            </select>
          </form><div>""");
        });
      });
    </script>

    <style>
      .canvas {
        height: 50vw;
        width: 90vw;
        background-color: powderblue;
        border:2px solid grey;
      }
    </style>
</head>
<body>
    <a href="#" class="dropdown-btn">Create Dropdown</a>
    <div class="canvas"></div>
</body>
</html>

<script>
      $(document).ready(function(){
        $(".dropdown-btn").click(function(){
          $(".canvas").append('<div><form><select name="dropdown" id="dropdown"><option value="1">1</option><option value="2">2</option></select></form><div>');
        });
      });
    </script>