Question

你好朋友我想上传图片但是根据要求点击按钮弹出窗口显示和弹出窗口的内部显示浏览字段使用类似

的代码

<form action="index.php" method="post" onsubmit="">
    <div><label>Name:</label> <input type="text" name="form[name]" /></div>
    <div><label>File:</label> <input type="file" name="form[file]" /></div>
    <div><input type="submit" value="SUBMIT" /></div>
</form>

实际上我想在弹出窗口中显示此浏览字段。请回复我这个问题谢谢

Answer 1

只需在表单中提供myform ID即可隐藏，并使用display:none;并尝试此代码

<a href="#" onClick="document.getElementById('myform').style.display='';">Show Browse</a>

更新

我已经创建了你想要的演示。在这里查看http://jsfiddle.net/Starx/rVw9M/

由于你对jquery不熟悉，你需要jquery库来运行这个把它放在脑子里（HTML Pages的头部：D）

<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>

Answer 2

基本上，这就是你如何实现这一目标（就在我的脑海中）：

a）创建一个新的单独页面并将代码移到此页面

b）在现有页面上创建一个DIV并将IFRAME添加到其中，该IFRAME将指向该新页面，例如

<div class="uploader" style="display: none;">
  <iframe scrolling="no" style="width: 100%; height: 100%;" src="url"></iframe>
</div>

c）下载并添加一些模态弹出插件 - 个人而言，我更喜欢SimpleModal

d）现在你可以通过在.uploader类上调用modal（）方法来显示你的弹出窗口，就像这样..

<a href="#" onclick="$('.uploader').modal();">Show Uploader</a>

如何在按钮单击时弹出一个对话框

2 个答案:

更新