问JQuery使用类标记onclick追加HTML
EN

Stack Overflow用户

提问于 2020-07-18 16:33:09

回答 1查看 55关注 0票数 3

如果这是一个新手任务，我很抱歉。我最近才开始学习。我正在尝试使用jQuery将一系列输入文本框添加到我的网站上，但到目前为止我都没有尝试过。

HTML文档

<!DOCTYPE html>
<html lang="en">
<div class="background">
<link rel="stylesheet" href="style.css">
<script src="testjavascript.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<head>
  <titleTest Web App</title>
  <h1>Test Number 1</h1>
</head>

<button onclick="meth_hide_show()">Hide/Show</button>
<div id="methodology" class="methodology">
<label for="constr_method">Choose a Renewal Methodology:</label>
<select name="constr_method" id="constr_method">
  <option value="Pipe_crack">Pipe Crack</option>
</select>

<br>

<label for="constr_method">Renewal Location:</label>
<select name="location" id="location">
  <option value="N/S">Nature Strip</option>
  <option value="Road">Road</option>
  <option value="n/s_rd">Nature Strip & Road</option>
</select>

<form>
  <label for="meters">Number of Meters:</label>
  <input type="number" id="ren_meter" name="ren_meter">
</form>
</div>

<button id="save_meth" onclick="appendmethd()">Add Methodology</button>

<div class="meth_append">

</div>

</div>
</html>

Javascript文档：

function meth_hide_show() {
  var x = document.getElementById("methodology");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

function appendmethd() {
    var meth=document.getElementById("methodology")
    $("meth_append").append(meth)
}

html

jquery

javascript

回答 1

Stack Overflow用户

发布于 2020-08-07 17:47:57

尝尝这个

function meth_hide_show() {
//retrieve the jquery object
  var x = $("#methodology");

  if (x.is(':visible')) {
//if its visible, hide it
    x.hide();
  } else {
//else show it
    x.show();
  }
}

function appendmethd() {
    var meth=$("#methodology");
    $(".meth_append").append(meth);
}

票数 0

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

原文链接：

https://stackoverflow.com/questions/62966390

复制

相似问题

问JQuery使用类标记onclick追加HTML
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery使用类标记onclick追加HTMLEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery使用类标记onclick追加HTML
EN