从 PHP 动态生成的选择中获取值 jQuery

Get value jQuery from PHP dynamic generated select

本文关键字：获取 jQuery 选择 PHP 动态      更新时间：2023-09-26

我有一个显示一些动态选择的php脚本。我想从jQuery脚本中的每个选择中获取值。有什么想法可以帮助我吗？

.PHP

$result = mysql_query("select * from $table where id='$id'");
$r = mysql_fetch_array($result);
$result[1]=$r['result_1'];
$result[2]=$r['result_2'];
$result[3]=$r['result_3'];
$result[4]=$r['result_4'];
$result[5]=$r['result_5'];
for($i=1;$i<=5;$i++)
{
    if($result[$i]!="0")
    {
     echo '<select id="myresult_$i"><option value="$result[$i]">$result[$i]</option></select>';
    }
}
echo '<div class="addmyprod" id="addprod_'.$id.'" idprod="'.$id.'">ADD</div>';

jQuery

$(".addmyprod").on('click', function() 
{
    var idprod= $('#addprod_'+$(this).attr('idprod')).attr('idprod');
    console.log(idprod);
    var myresult_1= ?????
    console.log(myresult_1);
    var myresult_2= ?????
    console.log(myresult_2);
    var myresult_3= ?????
    console.log(myresult_3);
    var myresult_4= ?????
    console.log(myresult_4);
    var myresult_5= ?????
    console.log(myresult_5);
            
});

只需将自定义类添加到您的选择标签中：-

for($i=1;$i<=5;$i++)
{
    if($result[$i]!="0")
    {
     echo '<select class="wdm_select" id="myresult_$i"><option value="$result[$i]">$result[$i]</option></select>';
    }
}

在js中，输入以下代码：-

$(".addmyprod").on('click', function() {
    $('.wdm_select').each(function() {
        console.log($(this).val());
    });
});

var myOpts = document.getElementById('yourselect').options;
my_result1 = myOpts[1];
my_result2 = myOpts[2];
etc...

从 如何使用jQuery获取选择的所有选项？

用谷歌很容易找到...

我真的不明白你在这里的情况。您的代码首先应该如何工作？ADDdiv 代表什么？

有

一种方法可以获取所有选择值，通过使用类似于 Anik 的查询，如果您的所有选择都具有相同类型的 ID（应该是myresult_X

）： 
$('select[id^="myresult_"]').each(function() {
  console.log($(this).val());
});

这里的选择器^=代表"属性开头为"，根据JQuery API文档。

像 html 一样构建并添加类 'selectField'。此外，当您使用 select 时，您需要将元素选择条件添加到脚本中。

for($i=1;$i<=5;$i++)
{
    if($result[$i]!="0")
    {
     echo '<select class="selectField" id="myresult_$i"><option value="$result[$i]">$result[$i]</option></select>';
    }
}

您的 js 将如下所示：

$(document).ready(function(){
  $('select[class="selectField"]').each(function(index,item){
    var id=$(item).attr('id');
    alert($("#"+id+" option:selected").val()); 
  });
});
相关文章：