从其他页面加载html页面并在填充页面的文本框中预填充值

问题是：

我需要加载HTML页面（说的test.html）上的一些页面（比如主页）点击按钮。

现在test.html包含一些输入框，我需要在加载test.html时预先填充。

内容主页

<body> 

<h1> Page 1 </h1> 

<div id="topBar"> 
    <a href ="#" id="load_home" onclick="load_home()"> HOME </a> 
</div> 
<div id ="content">   
</div> 
</div> 
</body> 

<script type="text/javascript"> 
      $(document).ready(function(){ 
       document.getElementById("content").innerHTML='<object type="text/html" data="test.html" ></object>'; 
       document.getElementsByClassName('monday_spends').setAttribute("value", "yolo"); 
}); 
</script>

test.html中包含

<table class="ss-moneyDetails"> 
      <tr> 
        <th>Details:</th> 
      </tr> 
     <tr> 
     <td>Monday</td> 
     <td><i class="ss-iconRupee">&#8377;</i><span> 
     <input class="monday_spends" type="text" value="" name="monday_spends"/>20,000</span></td> 
     </tr> 
</table

我需要预填的<input class="monday_spends" type="text" value="" name="monday_spends"/>价值，同时加载从home.html的页面test.html文件。

注意：我也试图通过调用一个ajax请求，以满足html页面和预填数据。是否有可能？我错过了什么吗？

来源

2016-09-06 Geek_To_Learn

你不需要JavaScript为此，只需更改网址 – Roberrrt

就像test.html＆money_spends = 20000 – Roberrrt

我没有得到你。你能解释一下吗？ –

您不能在嵌入网页的<object>中插入JavaScript。但是，您可以依靠构建您要嵌入的页面的URL来预先填充某些输入。例如：

$(document).ready(function(){ 
    var money = 500; 
    document.getElementById("content").innerHTML = 
    '<object type="text/html" data="test.html?money_spend='+ money +'" ></object>'; 
});

来源

2016-09-06 08:19:38 Roberrrt

类money_spend或id被包含在父div中。我不认为这将能够预先填充指定标签中的数据。 –

URL不查找类，而是查找输入元素的'name'属性。这也是'money_spend' – Roberrrt

它不工作:( –

我已经完成了这个过程。

我已经创建了一个隐藏类型的输入标签，并将其嵌入到表格标签test.html中。

<form action="file:///Users/XYZ/Desktop/abc/home.html" method="GET"> 
    <input type="hidden" id="foo" name="foo"> 
    <input type="submit" value="Send" name="submit" id="submit"> 
</form>

和在脚本部分我在home.html

<script language="JavaScript"> 
    processForm(); 
    function processForm() 
    { 
    var parameters = location.search.substring(1).split("&"); 
    var temp = parameters[0].split("="); 
    data = unescape(temp[1]); 
    console.log("i got the data from test.html"); 
    $("#tag1").val(data); 

    } 
    $() 
</script>

我已检索到从URL的值分配一个值到foo作为

$(document).ready(function(){ 
    var data = {}; 
    data.name = "Mukul"; 
    data.place = "gurgaon"; 
    var data1 = JSON.stringify(data); 
    $("#foo").val(data1); 
});

现在和所附它到期望值。

来源

2016-09-07 07:00:35

从其他页面加载html页面并在填充页面的文本框中预填充值

回答

相关问题