2016-02-29 2 views
0

У меня есть вход, как показано ниже:Изменение значения ввода, когда входной тип = представить

<input class="submit" type="submit" name="submit" value="Blah"> 

Я хочу, чтобы изменить значение «Другое Текст». Когда я использую метод jQuery .val(), attr() или .prop() jQuery, значение изменяется отлично, но когда я отправляю, вход больше не работает. Просто обновляет страницу, не делая того, что она должна.

Тот же результат с .setAttribute метод.

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

+0

вы хотите изменить 'значение' после отправки? – Pedram

+0

Поведение по умолчанию для типа ввода submit - отправить форму. Если вы хотите отключить отправку, используйте '$ ('form'). Submit (function() {return false;})' – jcubic

+0

Сценарий на стороне сервера может проверять значение кнопки отправки перед обработкой входов – jeff

ответ

0

Проверить это

$(document).ready(function(){ 
 
    $(".submit").click(function(){ 
 
    \t $(this).val("OtherText"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="submit" type="submit" name="submit" value="Blah">

0

Вы можете предотвратить представления формы или в случае щелчка кнопки:

$(".submit").click(function(e){ 
    e.preventDefault(); 
    $("#inputbox").val("OtherText"); 
    //Now you can submit form manually here 
    $("#form").submit(); 
}); 
+0

Второй код создаст бесконечный цикл, потому что вызов submit() будет выполнять событие и обратный вызов, – jcubic

+0

Ya, спасибо, спасибо. – Manwal

0

Я считаю, что это был скрипт на стороне сервера, проверяющий значение, поэтому ему пришлось изменить значение обратно при нажатии.

if ($('.submit').length > 0) { 
    $('.submit').prop('value', 'Other Text'); 
    $('.submit').click(function(){ 
    $('.submit').prop('value', 'blah'); 
    });} 

Это похоже на работу «ОК». Не идеально, но работает

Смежные вопросы