Получение данных из формы HTML

Привет всем У меня есть это 3 формы:Получение данных из формы HTML

<label for="color1" style="color: yellow;">1° colore:</label> 
<input type="text" class="form-control" id="color1" placeholder="Insert color"> 

<label for="color2" style="color: yellow;">2° colore:</label> 
<input type="text" class="form-control" id="color2" placeholder="Insert color"> 

<label for="result" style="color: red;">Risultato:</label> 
<input type="text" class="form-control" id="result" >

и кнопка

<button type="button" onclick="merge()">merge</button>

Теперь я хочу, чтобы функция слияния() берет текст, вставленный в первых двух формах и добавьте 2 строки в 3-ей форме.

я пытался что-то вроде:

<script> 
function merge(){ 
    var r1= $('#idform1').val(); 
    var r2= $('#idform2').val(); 
    $('#idform3').val('r1+r2');} 
</script>

idform1, idform2 и idform3 не являются правильными идентификаторы, но это только, чтобы быть более ясным. Конечно, он не работает, может ли кто-нибудь помочь мне? благодаря

источник

2015-11-03 nescionomen93

Try '$ ('# idform3') валь (r1 + r2); 'вместо' $ ('# idform3'). val ('r1 + r2'); ' –

заменить код этого

<!DOCTYPE html> 
<html> 
<script src="put your path to jquery.js"></script> 
<body> 
<label for="color1" style="color: yellow;">1° colore:</label> 
<input type="text" class="form-control" id="color1" placeholder="Insert color"> 

<label for="color2" style="color: yellow;">2° colore:</label> 
<input type="text" class="form-control" id="color2" placeholder="Insert color"> 

<label for="result" style="color: red;">Risultato:</label> 
<input type="text" class="form-control" id="result" > 
<button type="button" onclick="merge()">merge</button> 
<script> 
function merge(){ 
    var r1= $('#color1').val(); 
    var r2= $('#color2').val(); 
    $('#result').val(r1+r2);} 
</script> 
</body> 
</html>

источник

2015-11-03 11:19:24 PRANAV

Вы понимаете, что на этом третьем элементе уже был идентификатор (' result'), вы добавили второй идентификатор атрибут ('color3') – Jamiec

@Jamiec отличная работа!! Это была моя ошибка, которую я ценю. – PRANAV

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

<script> 
function merge(){ 
    var r1= $('#idform1').val(); 
    var r2= $('#idform2').val(); 
    $('#idform3').val('r1+r2');}// this line 
</script>

<script> 
function merge(){ 
    var r1= $('#idform1').val(); 
    var r2= $('#idform2').val(); 
    $('#result').val(r1+r2);}// to this 
</script>

и если у вас есть для получения более подробной спецификации вы можете использовать String(yourValue) функции вроде этого $('#result').val(String(r1)+String(r2)), но здесь мы не настоящие Мне нужно это.

источник

2015-11-03 11:19:48

' r1' и 'r2' уже строки, зачем вам понадобиться t их к строке? – Jamiec

Я знаю, что упоминаю, что, как вы видите, «но здесь нам это действительно не нужно». его для разных сценариев и для дополнительных знаний. –

Тогда вы забыли упомянуть, что вы должны затягивать болты на ваших колесах, когда вы меняете шину (также не имеет значения для вопроса, но тем не менее, дополнительное знание!) – Jamiec

сначала вы знаете, что используете неправильный идентификатор тега ввода, чтобы изменить правильные идентификаторы, а затем измените val("r1+r2") на val(r1+r2). если вы используете переменную там нет строка " " quote String Только для обычного текста.

и, наконец, вы используете JQuery под JavaScript, так что добавьте в Head тега JQuery библиотеки

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

здесь свой полный код:.

<!DOCTYPE html> 
<html> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script> 
function merge(){ 
    var r1= $('#color1').val(); 
    var r2= $('#color2').val(); 
    $('#result').val(r1+r2);} 
</script> 
</body> 
<label for="color1" style="color: yellow;">1° colore:</label> 
<input type="text" class="form-control" id="color1" placeholder="Insert color"> 
<br> 
<label for="color2" style="color: yellow;">2° colore:</label> 
<input type="text" class="form-control" id="color2" placeholder="Insert color"> 
<br> 
<label for="result" style="color: red;" >Risultato:</label> 
<input type="text" class="form-control" id="result" > 
<br> 
<button type="button" onclick="merge()">merge</button> 
</body> 
</html>

источник

2015-11-03 11:28:52

Я изменил все, что вы сказали, и вставил jquery libray и omittetd «» на val. (r1 + r2), но все же ничего не происходит, когда я нажимаю кнопку, я работаю с Intel XDK – nescionomen93

@ nescionomen93 вы проверяете мой код, это работа. вы можете вставить свой полный исходный код, чтобы отладить любую другую проблему. Это для того, что вы просили, чтобы он работал хорошо –

Получение данных из формы HTML

ответ

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