2016-06-15 232 views
0

通过单击位于父级的输入字段中的iframe(相同域)内的按钮来添加值。当jquery更新输入值时如何更改输入值

我需要之后通过靶向在输入域的变化,但因为它发生的jQuery,而不是手动+因为它是从IFRAME父做我不能检测到它...

这里是小提琴,但我不能真的模拟它在提琴iframe是参与...

`

<iframe id="someiframe"> 
<div id="container"> 
    <div id="thebutton" class="btn"> 
    <button>add value to input field</button> 
    </div> 
</div> 
</iframe> 


<input class="someclasss" type="text" name="somename" id="target" maxlength="8" value=""> 

<div id="check">if detected i will become yellow</div> 

// passing the value by click 
jQuery("#thebutton").click(function() { 

    jQuery("#target").val("12345678"); 

    jQuery("#target").trigger('change'); 
}); 

// detecting value passing 
jQuery("#target").on('change input paste', function() { 

jQuery("#check").css("background", "yellow"); 
alert("OK - DETECTED CHANGE"); 
}); 

#check { 
    display: block; 
    height: 30px; 
    width: auto; 
    border: 1px solid black; 
} 

` https://jsfiddle.net/ogasbo73/

回答

0

与它合作:

parent.jQuery("#target").trigger('change');