Как изменить значение скрытого поля ввода перед отправкой

Question

Как изменить значение скрытого поля ввода перед отправкой

4

У меня есть форма подписки Feedburner с двумя кнопками, одна для ежедневных новостей и одна для еженедельных новостей. Вопрос заключается в том, как изменить значение скрытого поля ввода с именем "uri" перед отправкой? Мое решение не работает.

Это то, что я пытаюсь использовать:

<form id="feedburner" action="https://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow">
    <p>
        <input autocomplete="off" value="Enter your email…"
            onblur="if (this.value == '') {this.value = 'Enter your email…';}"
            onfocus="if (this.value == 'Enter your email…') {this.value = '';}"
            type="text" name="email"/>
        <input type="hidden" name="uri"/>
        <input type="hidden" name="loc" value="en_US"/>
    </p>

    <input type="submit" value="Daily" onsubmit="document.getElementsByName('uri').value = 'androidinfodaily'; window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfodaily', 'popupwindow'); return true" checked> 

    <input type="submit" value="Weekly" onsubmit="document.getElementsByName('uri').value = 'androidinfoweekly'; window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfoweekly', 'popupwindow'); return true">

</form>

решаемая

Я исправил свой код, и теперь он работает. Это окончательный вариант:

<form id="feedburner" action="https://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow">
    <p>
        <input autocomplete="off" value="Enter your email…"
            onblur="if (this.value == '') {this.value = 'Enter your email…';}"
            onfocus="if (this.value == 'Enter your email…') {this.value = '';}"
            type="text" name="email"/>
        <input type="hidden" name="uri" />
        <input type="hidden" name="loc" value="en_US"/>
    </p>

    <input type="submit" value="Daily" onclick="document.getElementsByName('uri')[0].value = 'androidinfodaily'; window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfodaily', 'popupwindow'); return true"> 

    <input type="submit" value="Weekly" onclick="document.getElementsByName('uri')[0].value = 'androidinfoweekly'; window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfoweekly', 'popupwindow'); return true">

</form>

Iurie Malai 20 июль 2015, в 14:18

Источник

Теги:

javascript

jquery

html

forms

3 ответа

Ещё вопросы

Arun P Johny · Answer 1 · 2015-07-20T12-39-00.000Z

Событие отправки запускается на элементе формы, а не на кнопке отправки, поэтому используйте обработчики кликов

Обратите внимание, что submit запускается только на элементе формы, а не на кнопке или в сообщении. (Формы отправляются, а не кнопки.)

<form id="feedburner" action="https://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow">
    <p>
        <input autocomplete="off" value="Enter your email…"
            onblur="if (this.value == '') {this.value = 'Enter your email…';}"
            onfocus="if (this.value == 'Enter your email…') {this.value = '';}"
            type="text" name="email"/>
        <input type="hidden" name="uri"/>
        <input type="hidden" name="loc" value="en_US"/>
    </p>

    <input type="submit" value="Daily" onclick="document.getElementsByName('uri')[0].value = 'androidinfodaily'; window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfodaily', 'popupwindow'); return true" checked> 

    <input type="submit" value="Weekly" onclick="document.getElementsByName('uri')[0].value = 'androidinfoweekly'; window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfoweekly', 'popupwindow'); return true">

</form>

Также будет лучше описать сценарий такой функции, как

<form id="feedburner" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow">
    <p>
        <input autocomplete="off" value="Enter your email…" onblur="if (this.value == '') {this.value = 'Enter your email…';}" onfocus="if (this.value == 'Enter your email…') {this.value = '';}" type="text" name="email" />
        <input type="hidden" name="uri" />
        <input type="hidden" name="loc" value="en_US" />
    </p>
    <input type="submit" value="Daily" onclick="return beforeSubmit('androidinfodaily')" checked />
    <input type="submit" value="Weekly" onclick="return beforeSubmit('androidinfoweekly')" />
</form>

тогда

function beforeSubmit(type) {
    document.getElementsByName('uri')[0].value = type;
    window.open('https://feedburner.google.com/fb/a/mailverify?uri=' + type, 'popupwindow');
    return true
}

также попробуйте jsfiddle.net/arunpjohny/bedsaagk/2
Также это должен быть document.getElementsByName('uri')[0].value поскольку getElementsByName возвращает коллекцию

Armin Bleiholder · Answer 2 · 2015-07-20T13-16-00.000Z

не забудьте [0] для первого элемента:

document.getElementsByName('uri')[0].value = 'androidinfodaily';

Bhushan Kawadkar · Answer 3 · 2015-07-20T12-14-00.000Z

Вы можете использовать обработчик события click для кнопки и изменить тип кнопки, чтобы type="button" чтобы он не отправил форму напрямую. Внутри обработчика кликов назначьте balue для ввода uri а затем отправьте форму.

HTML:

<form id="feedburner" action="https://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow">
    <p>
        <input autocomplete="off" value="Enter your email…"
            onblur="if (this.value == '') {this.value = 'Enter your email…';}"
            onfocus="if (this.value == 'Enter your email…') {this.value = '';}"
            type="text" name="email"/>
        <input type="hidden" name="uri"/>
        <input type="hidden" name="loc" value="en_US"/>
    </p>

    <input type="button" value="Daily" id="daily"> 

    <input type="button" value="Weekly" id="weekly">

</form>

JQuery:

$(function(){
   $('#daily').click(function(){
      $('input[name="uri"]').val('androidinfodaily');
      window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfodaily', 'popupwindow');
      //submit form
      $('#feedburner').submit();
   });

   $('#weekly').click(function(){
    $('input[name="uri"]').val('androidinfodaily');
      window.open('https://feedburner.google.com/fb/a/mailverify?uri=androidinfoweekly', 'popupwindow');
      //submit form
      $('#feedburner').submit();
  });
});