Есть форма с двумя кнопками: Сохранить и Предварительный просмотр.
Вопрос в том, как сделать, чтобы при нажатии на кнопку Предварительный просмотр открывалась новая вкладка? В эту новую вкладку будут передаваться данные из формы методом post
.
2 ответа
<script>
function clickPreview() {
document.getElementById("actionName").value = "PREVIEW";
var form = document.getElementById("formId");
form.setAttribute("target", "_blank");
form.submit();
}
function clickSave() {
document.getElementById("actionName").value = "SAVE";
var form = document.getElementById("formId");
form.removeAttribute("target");
form.submit();
}
</script>
<form id="formId" ...>
<input type="hidden" id="actionName" name="actionName" />
<button type="button" onclick="clickPreview()">Preview</button>
<button type="button" onclick="clickSave()">Save</button>
</form>
-
Спасибо работает, а как в этом же скрипте передать в php атрибут name кнопки preview? И тут же вопрос как форму определить по id? Может ошибаюсь но можно ли вместо forms[0] написать form('#form')– privetsh27 мар 2017 в 3:47
-
И еще форма при таком javascript ничего не делает а только перезагружается страница. получается что не отправляется атрибут name у кнопок и форма просто не знает что делать– privetsh27 мар 2017 в 4:35
-
@privetsh - см. изменения в ответе– user17626227 мар 2017 в 4:47
-
-
@privetsh что я могу на это сказать? Работает - это Вы неправильно код скопировали.– user17626227 мар 2017 в 18:49
Не соответствует стандарту, но поддерживается всеми браузерами:
<form target="_blank">
<form target="_blank" ...