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

Question

我有一个显示一些动态选择的 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);
            
}); 

Answer 1

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

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());
    });
});

Answer 2

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

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

用谷歌很容易找到....

Answer 3

构建您的 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()); 
  });
});

Answer 4

我不是很了解你这里的情况。 您的代码首先应该如何工作？ ADD div 代表什么？

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

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

根据JQuery API 文档，这里的选择器^=代表“属性开始于”。