php-在jquery中循环循环laravel数组集合

2019-11-11 12:29:35 阅读：228 来源： 互联网

我想使用jquery将选择标签附加到我的代码中,并且它的选项需要laravel数组集合中的值

控制者

$array['skills'] = DB::table('skills')->get();

脚本

 <script type="text/javascript">
    var skill_count=$('#skill_count').val();
    var array = {!!$array['skills']!!};

    $("#add-skill").click(function(){
        skill_count++;            
        var skill='<div class="row skill"><div class="col-sm-4"><label for="name">Skill:</label><select name="skill['+skill_count+'][skill_name]" class="form-control">$.each( array, function( i, val ) {<option value="+ val.id +"> val.skill_name </option>})</select></div><div class="col-sm-4"><label for="name">Experience:</label><select name="skill['+skill_count+'][pivot][experience_year]"   class="form-control">for(i=1;i<=30;i++){<option value="+ i +">i</option>}</select><select name="skill['+skill_count+'][pivot][experience_month]"   class="form-control">for(i=1;i<=12;i++){<option value="+i+">i</option>}</select></div><div class="col-md-12"><a class="skill-remove pull-right">- Remove Skill</a></div></div>'
        $(".show-skill").before(skill);
    });
</script>

但是在浏览器中,val.id和val.skill_name没有获取值.

console.log(val.skill_name);给我价值

解决方法:

希望这会有所帮助

var array =  [{
    id: 2,
    skill_name: 'abc'
}, {
    id: 3,
    skill_name: 'xyz'
}];

var options;
$.each( array, function( key, value ) {
console.log(value.skill_name);
  options = options + '<option value="'+value.id+'">'+value.skill_name+'</option>';
});


var skillhtml = '<div><label for="name">Skill:</label><select name="skillname">'+options+'</select></div>';

$("#container").html(skillhtml);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="container">
</div>

jsfiddle：https://jsfiddle.net/j5nkLabw/

标签：laravel-5-4,php,jquery
来源： https://codeday.me/bug/20191111/2019858.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

php-在jquery中循环循环laravel数组集合