Jquery获取选择表单项的价值

对，所以我在页面上有多个这样的表单（编辑，因为它不清楚，这是PHP中使用我已经添加在PHP和回声标签）：Jquery获取选择表单项的价值

<?PHP 
echo "<form action="" method="post" id="form$field2">"; 
echo "<select id="popup" name="state" >"; 
echo "<option class="apple-hidden" value="$statitem1">$statitem1</option>"; 
echo "<option class="apple-hidden" value="$statitem2">$statitem2</option>"; 
echo "<option class="apple-hidden" value="$statitem3">$statitem3</option>"; 
echo "<option class="apple-hidden" value="$statitem4">$statitem4</option>"; 
echo "<option class="apple-hidden" value="$statitem5">$statitem5</option>"; 
echo "<option class="apple-hidden" value="$statitem6">$statitem6</option>"; 
echo "<option class="apple-hidden" value="$statitem7">$statitem7</option>"; 
echo "<option class="apple-hidden" value="$statitem8">$statitem8</option>"; 
echo "<option class="apple-hidden" value="$statitem9">$statitem9</option>"; 
echo "</select>"; 
echo "<input type="hidden" name="bnum" value="$field2,$user">"; 
echo "</form>"; 
?>

，我有一些JavaScript，以便每当形式改变了它与AJAX提交POST数据和原来的形式被包含在绿色的表格单元格。

<script type="text/javascript"> 
    var bnum; 
    bnum = '$formname', 

    $('form').change(function() { 
     console.log(bnum);  

     $.ajax("http://myApp.example.org/alert?title=Test%20from%20AJAX&message=this%20is%20a%20message%20from%20an%20AJAX%20request"); 
     $(this).closest("td").css("background", "#01DF01"); 

     $.ajax({ 
      type: 'post', 
      url: 'process.php?item1=$urlvar3', 
      data: $(this).serialize(), 
      success: function() { 
      } 
     }); 
     return false; 
    }); 
</script>

现在我想要做的是获得下拉列表的新值并将其打印到控制台。我尝试过：

console.log($("#popup").val());

哪些工作，但只适用于页面上的第一个表单。我希望能够做的就是得到的数据指出，我提交表单的，所以我尝试：

console.log($(this).val());

但这返回NULL。

任何帮助一如既往的赞赏。

来源

2013-04-11 Compy

听起来就像您使用相同的'id'属性多次。你能证实这一点吗？你有多个ID为'popup'的元素？ – Travesty3 2013-04-11 13:25:52

ID的ID应该是唯一的，否则它将仅返回第一个结果。如果您有多个相同的表单，这意味着您不止一次使用'popup' ID。你需要使这个独特的 – musefan 2013-04-11 13:26:15

更换

$('form').change(function()

试试这个：

console.log($(this).find("#popup").val());

来源

2013-04-11 13:25:54

辉煌！非常感谢！ – Compy 2013-04-11 13:29:08

HTML仍然无效。不应该重复相同的ID。 http://www.w3.org/TR/html401/struct/global.html#adef-id – Travesty3 2013-04-11 13:29:46

尝试与

$('#popup').change(function()

来源

2013-04-11 13:24:09 Gautam3164

所有的形式都在PHP中回显。我只是排除了PHP和回声标签。表单项目确实具有值。 – Compy 2013-04-11 13:25:04

看到我的编辑...我得到了错误 – Gautam3164 2013-04-11 13:26:48

的id应在文件中是唯一的。

更好的访问将是

$('#popup',this)

或不重复id（假设只有一个选择）

$('select',this)

来源

2013-04-11 13:27:56 sambomartin

这听起来像您使用的是同一个ID多次你的页面，这是无效。 ID应该是唯一的。相反，只需完全清除ID属性并按名称搜索：

console.log($(this).find('select[name="popup"]').val());

来源

2013-04-11 13:28:27 Travesty3

Jquery获取选择表单项的价值

回答

相关问题