小编Lis*_*isa的帖子

附加后JavaScript不会触发

我正在尝试创建一个允许用户通过新窗口编辑输入的表单.PHP将处理输入,然后使用新值附加新输入.显然,当我尝试编辑附加的输入时,JavaScript就不会触发.请告诉我我做错了什么.这是我的HTML代码:

<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.races').click(function(e){
          console.log("Inside Testing");
          e.preventDefault();
          var currID = this.id;
          var content = '<form id="theForm" action="ct.php" method="post"> Race: <input type="text" id="race" name="race"><button type="submit" onClick="OKClicked()">Click this!</button></form>';              
          childWin = window.open('', "_blank", "height=400, width=550, status=yes, toolbar=no, menubar=no, location=no,addressbar=no");
          toBeAdded = $(this).closest('div');
          childWin.document.close();
          childWin.document.write(content);
          popupRace = childWin.document.getElementById("race");
          parentRace = document.getElementById(currID);
          transferValues();
        })
      });
      function transferValues()
      {
          popupRace.value = parentRace.value;
      }
      function setValue(text)
      {
        childWin.close();
        toBeAdded.parent().append(text);
        toBeAdded.remove();
      }
    </script>

  </head>
  <body>
    <div>
      Name: <input type="text" name="name">
    </div>  
    <div>
      <div>
        <input …
Run Code Online (Sandbox Code Playgroud)

html javascript php jquery

2
推荐指数
1
解决办法
418
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1

php ×1