Question

我正在尝试使用JQuery的val（）来检索输入的值。我之前使用过这个并且运行良好，但即使使用相同的代码，我也遇到了麻烦。

输入字段包含在页面中的php include（）中。这可能是问题吗？

这是包含字段的代码：

<input type="text" id="nome" /></br>
<input type="text" id="cognome" /></br>
<input type="text" id="societa" /></br>
<select id="categoria">
    <option value="RM">Ragazzi</option>
    <option value="CM">Cadetti</option>
    <option value="AM">Allievi</option>
    <option value="JM">Junior</option>
    <option value="PM">Promesse</option>
    <option value="SM">Assoluti</option>
</select></br>
<input type="text" id="accredito" /></br>

这是JQuery

var squadra = $('#societa').val();
var nome = $('#nome').val();
var cognome = $('#cognome').val();
var categoria = $('#categoria').val();
var accredito = $('#accredito').val();
alert( squadra + nome + cognome + categoria + accredito );

调用函数后，JQuery变量全部为空。

提前感谢您的帮助

编辑：抱歉，问题是在同一页面中使用相同ID的多次输入＆gt;。＆lt;

Answer 1

尝试查找所选的选项值，而不是选择标记。

$(document).ready(function(){
   alert($('#categoria option:selected').val());
});

Answer 2

一旦用户输入数据，你应该得到val（）...然后，它应该没问题。例如。创建一个函数：

$('#alertValues').click(function(){
var squadra = $('#societa').val();
var nome = $('#nome').val();
var cognome = $('#cognome').val();
var categoria = $('#categoria').val();
var accredito = $('#accredito').val();
alert( squadra + nome + cognome + categoria + accredito );
});

检查这个小提琴：

http://jsfiddle.net/axt9LaLm/2/

JQuery val（）没有处理来自php的输入

2 个答案: