【问题标题】:Prefill a HTML value with a variable?用变量预填充 HTML 值?
【发布时间】:2016-06-24 16:02:36
【问题描述】:

如何使 HTML 输入字段值预填充变量?在这种情况下,模态体变量。 我读过有关使用 document.write 的信息,但我们如何将它与变量一起使用?

我们正在使用 Mandrill 和完整日历。
非常非常感谢!

代码:

 {
title: 'Event',
start: '2016-03-26T11:00:00',
end: '2016-03-26T12:00:00',
},
    ],
     eventClick: function(event) {
  console.log(event)
    // alert(event.start.format('MMMM Do YYYY'))
  var start = event.start.format('MMMM Do YYYY'),
    end = event.end.format('MMMM Do YYYY'),
    html = '<p>Starts: ' + start + '<p>';
  html += '<p>Ends: ' + end + '<p>';
  var modal = $("#modal");
  modal.find(".modal-title").html(event.title);
  modal.find('.modal-body').html(html)
  modal.modal();
    }
});
});
});//]]>

          </script>
        <script type="text/javascript"> 

          $(document).ready(function() {
// Generate a simple captcha
function randomNumber(min, max) {
    return Math.floor(Math.random() * (max - min + 1) + min);
}

function generateCaptcha() {
    $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
}

generateCaptcha();

$('#contactForm')
.formValidation({

})
.on('success.form.fv', function(e) {
    // Prevent default form submission
    e.preventDefault();

    // Change these values to match with your application
    var MANDRILL_API_KEY = 'YOUR-MANDRILL-API-KEY',
        EMAIL_SUBJECT    = 'Find Volunteerships - Sign Up Confirmation ',


    var $form = $(e.target),
        // Generate a message based on submitted form data
        body  = [
            '<strong>Name:</strong> ' +     $form.find('[name="firstName"]').val() + ' ' + $form.find('[name="lastName"]').val(),
            '<strong>School</strong> ' + ($form.find('[name="school"]').val() || 'n/a'),
            '',
            '<strong>Message:</strong> ',
            $form.find('[name="school"]').val()
        ].join('<br/>');

    // Send the message
    $.ajax({
        type: 'POST',
        url: 'http://mandrillapp.com/api/1.0/messages/send.json',
        contentType: 'text/plain',
        dataType: 'json',
        data: {
            key: MANDRILL_API_KEY,
            message: {
                from_name: $form.find('[name="fullName"]').val(),
                from_email: $form.find('[name="email"]').val(),
                to: [
                    {
                        email: $form.find('[name="email"]').val(),
                       name: $form.find('[name="fullName"]').val(),
                        'type': 'to'
                    }
                ],
                auto_text: true,
                subject: EMAIL_SUBJECT,
                html: body
            }
        }
    }).done(function(response) {
        // Clear the form
        $form.formValidation('resetForm', true);

// Regenerate the captcha

.on('err.form.fv', function(e) {
        // Regenerate the captcha
        generateCaptcha();
    });

        // Show the message
        response.status === 'error'
            ? $('#alertContainer')
                .removeClass('alert-success')
                .addClass('alert-warning')
                .html('Sorry, cannot register the sign up')
                .show()
            : $('#alertContainer')
                .removeClass('alert-warning')
                .addClass('alert-success')
                .html('Your sign up has been successfully registered')
                .show();
    }).fail(function(jqXHR, textStatus, errorThrown) {
        $('#alertContainer')
            .removeClass('alert-success')
            .addClass('alert-warning')
            .html('Sorry, cannot register the sign up')
            .show();
    });

【问题讨论】:

  • 你能把这个放在小提琴里吗?我无法理解您的代码
  • 代码开始:{ title: 'Event', start: '2016-03-26T11:00:00', end: '2016-03-26T12:00:00', }, 这是一个对象字面量吗?如果是这样,它需要一个名称:ex。 var obj =
  • 之后有一个],那么这是一个对象数组吗?请确保您仔细剪切和粘贴。

标签: javascript jquery html css


【解决方案1】:

不确定你的意思,大概是这样的?

modal.find('.' + modal-body)

但变量不能有带有“-”号的名称..

modal-body”等于“modal - body”,所以它会从另一个减去一个..

【讨论】:

  • 猜测用户在问什么不是一个好主意。如果不清楚,您应该在评论中要求澄清。请注意,我并不是说您的答案是错误的,但您提出的方式似乎表明您不清楚实际问题是什么。
  • 你说得对,我应该使用“评论”,而不是回答。
  • @faster 很抱歉让您感到困惑并感谢您的回复,我刚刚编辑了这个问题。 - 如何使 HTML 输入字段值预填充变量?在这种情况下,modal-body 变量。
  • @Quoid 很抱歉让您感到困惑并感谢您的回复,我刚刚编辑了这个问题。 - 如何使 HTML 输入字段值预填充变量?在这种情况下,modal-body 变量。
猜你喜欢
  • 2015-06-24
  • 1970-01-01
  • 2022-01-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多