Question

我有脚本允许用户选择图像并写一些关于它的东西......他们从JQuery slideviewer中选择图像。

现在，选择图像很简单..但是如何将所选图像与其他表格数据一起使用？每个图像当前都在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

Answer 1

添加另一个隐藏字段current_item_url或任何您想要调用的字段。
为表单添加submit侦听器。
在submit收听者中，将当前图片的src复制到隐藏字段。

E.g。类似的东西：

$( "#whatever-form" ).submit( function ( event ) {

  $( this ).find( "input[name='current_item_url']" )
    .val( $( "#mygalthree img" ).attr( 'src' ) );

} );

或者，如果幻灯片查看器触发事件或提供可以挂钩的回调，则可以根据需要更改幻灯片更改时隐藏字段的值。

Answer 2

当点击事件发生时，更新隐藏字段，如下所示：

$( 'item_pic_url' ).value( 'selected_image_identifier' );

需要有动态隐藏字段

2 个答案: