JSFiddle - React, Tailwind, and code Playground

by Ravi Iyer

HTML

<form name='testform' id='testform' action=''>
    <label for='fld1'> Test value </label>
    <input name='fld1' id='fld1' />
    <input type='button' name='btn2' id='btn2' value='Test' />
    <iframe name='frm1' id='frm1'></iframe>
</form>

JavaScript

$('#frm1').contents().find('html').html("<form name='frmform' id='frmform' action=''><input type='button' name='btn1' id='btn1' value='Change' />         </form>");


$('#btn2').on('click',function(){
            alert('button clicked');
              var pdoc = window.parent.document.getElementById('fld1');
              pdoc.val('changed');
              });