从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个形式中，并将第2个字符串的追加放在第3个形式中。

我想是这样：

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

idform1，idform2和idform3不正确的ID，但它只是更清晰。当然，它不工作，任何人都可以帮我吗？感谢

来源

2015-11-03 nescionomen93

尝试'$（ '＃idform3'）VAL（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

你意识到在第三个元素上已经有一个id（'result'），你已经添加了第二个id属性（'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'已经是字符串，为什么你需要cas把他们变成一个字符串？ – Jamiec

我知道我提到你可以看到“但在这里我们并不真的需要这个。”它针对不同的场景和额外的知识。 –

然后，你忘记提到你应该在更换轮胎时拧紧车轮上的螺栓（也与问题无关 - 但额外的知识仍然存在！） – Jamiec

首先您知道您使用错误的输入标签ID更改正确的ID，然后将val("r1+r2")更改为val(r1+r2)。如果你在那里没有使用变量字符串" "报价字符串只有当你设置普通文本时才引用。

最后你使用jQuery下的JavaScript所以在头标记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“”on val。（r1 + r2），但是当我按下按钮时，仍然没有发生任何事情，我正在与英特尔XDK – nescionomen93

@ nescionomen93检查我的代码是否正常工作。你能否粘贴你的完整的原始代码，以便在那里调试任何其他问题。这是你要求它运作良好的 –

回答

相关问题