我有一个脚本,允许用户选择一个图像并编写一些内容……他们从JQuery幻灯片中选择图像。
现在,选择图像很容易。。但是我如何用其他表单数据拍摄所选的图像?每个图像当前都在LI元素中
代码片段:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="/js/jquery.slideviewer.1.2.js" type="text/javascript"></script>
更新我现在已经按照下面的建议添加了这个,但仍然不起作用:
<script type="text/javascript">
$( "#wl_add" ).submit( function ( event ) {
$( this ).find( "input[name='item_pic_url']" )
.val( $( "#mygalthree img" ).attr( 'src' ) );
} );
</script>
<div id="mygalthree" class="svw"><ul>
<?PHP
foreach($html->find('img') as $e){ // from simple_html_dom
$image = $e->src;
echo '<li><img src="'.$image.'" width=300 alt="" /></li>';
echo '<input type="hidden" name="item_pic_url" value="'.$image.'" />';
?>
</ul></div>
那里的隐藏字段现在存储添加到UL 的最后一个图像
是否有办法使隐藏字段动态,然后根据所选图像进行更改-理想情况下,我需要隐藏字段中的img src
-
添加另一个隐藏字段,
current_item_url
或任何您想称之为的字段。 -
为窗体添加
submit
侦听器。 -
在
submit
侦听器中,将当前图像的src
复制到隐藏字段。
例如:
$( "#whatever-form" ).submit( function ( event ) {
$( this ).find( "input[name='current_item_url']" )
.val( $( "#mygalthree img" ).attr( 'src' ) );
} );
或者,如果幻灯片查看器触发事件或提供可挂接的回调,则可以在幻灯片更改时更新隐藏字段的值(如果需要)。
当点击事件发生时,更新隐藏字段,如下所示:
$( 'item_pic_url' ).value( 'selected_image_identifier' );