jQuery将点击的图像src传递给fancybox弹出窗体

时间:2016-02-08 08:28:26

标签: jquery forms autofill

我有一个弹出窗体,在点击图像时激活,我使用了fancybox来获得灯箱效果。我想要的是其中一个表单字段自动填充点击的图像src。我尝试了以下但没有效果(控制台中没有任何错误):

jQuery("#storefront li img").click(function() {
    var barimg = jQuery(this).prop("src");
    jQuery("input[name=car]").val(barimg);
});

表单的HTML:

               <div style="display:none">
                    <form method="POST" action="thanks.asp" id="modalbar">
  <div class="formwrapper">
    <label for="name">Name <span class="red2">*</span></label>
    <input type="text" name="FirstName">
    </div>

  <div class="formwrapper">
    <label for="car">Car (Please include <strong>Make</strong> / <strong>Model</strong> / <strong>Year</strong>) <span class="red2">*</span></label>
    <input type="text" name="Car">
    </div>

    <div class="formwrapper">
    <label for="reg">Reg Number</label>
    <input type="text" name="Reg">
    </div>

  <div class="formwrapper">
    <label for="phone">Telephone Number</label>
    <input type="text" name="Tel">

    </div>

  <div class="formwrapper">
    <label for="email">Email Address <span class="red2">*</span></label>
    <input type="text" name="EmailFrom">

    </div>

  <div class="formwrapper">
    <label for="prefcontact">Preferred Contact Method <span class="red2">*</span></label>
    <input type="text" name="ConMeth">

    </div>

  <div class="formwrapper">
    <label for="maillist">Join Mailing List</label>
    <input type="checkbox" name="MailList" value="Yes" checked="checked">
    </div>

  <div class="field">  
    <input name="submit" type="submit" value="Send Form" class="contactsend" />
    <input name="reset" type="reset" value="Clear Form" class="contactsend" />
    </div>
</form>
</div>

基本幻想盒:

jQuery(".modaltowbartrigger").fancybox({
    'scrolling'     : 'no',
    'titleShow'     : false
});

任何指针都会受到高度赞赏?

1 个答案:

答案 0 :(得分:0)

试试这个~~ 我想你错过了&#39;&#39;在&#34;&#34;;

jQuery("#storefront li img").click(function() {
    var barimg = jQuery(this).prop("src");
    jQuery("input[name='car']").val(barimg);
});

或jQuery(&#39;输入[name =&#34; car&#34;]&#39;)也会起作用,但jQuery(&#34;输入[name = car]&#34;)我想不会选择任何元素......