Pegar os dados do json

Front-end
#1

gente eu salvei uns dados dentro de um json
como que eu faço para pegar esses dados e colocar dentro de uma selectbox?
aqui esta o codigo
<html><head><title>Projeto Julio</title></head><body>&gt;

	<title>Exercicio</title>
	<meta charset="UTF-8">

<p></p>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript">
var dados = { "Java" : ["Hibernate", "RestEasy", "JPA"],
			"PHP": ["WordPress", "PHP-DAO"],
			"JavaScript" : ["Vue.js", "Angular.js", "React.js"]};
// jquery Onload = function() { // preenche o primeiro dropdown}
$(function(){
	$('.hidden').hide();
  
	$('select[name=bibliotecas]').html($('div.bibliotecas-b1').html());
	

	$('select[name=linguagens]').change(function(){
		var id = $('select[name=linguagens]').val();

		$('select[name=bibliotecas]').empty();
		
		$('select[name=bibliotecas]').html($('div.bibliotecas-b' + id).html());
		

		// Armazena no LocalStorage
		localStorage.setItem('dados', JSON.stringify(dados));
		

		// Obtém do LocalStorage
		var objSalvo = localStorage.getItem('dados');
		

		console.log('objSalvo: ', JSON.parse(objSalvo));
		
	});
});
	
</script>


<body>
	<b>Linguagens</b>.<br>
	<select name='linguagens'></select><br>
	<br>
	<b>Bibliotecas</b>.<br>
	<select name='bibliotecas'>
	</select>

<!--
<div class="hidden bibliotecas-b1">
	<option value='1'>Hibernate</option>
	<option value='2'>RestEasy</option>
	<option value='3'>JPA</option>
</div>

<div class="hidden bibliotecas-b2">
	<option value='4'>WordPress</option>
	<option value='5'>PHP-DAO</option>
</div>

<div class="hidden bibliotecas-b3">
	<option value='6'>Vue.js</option>
	<option value='7'>Angular.js</option>
	<option value='8'>React.js</option>
</div>
--!>
#2 
$.each(dados, function(index, element){
    $.each(element, function(idx, elm)[
        var opc = '<option value="' + elm + '">' + elm + '</option>';
        $('#idDaTalSelect').append(opc);
    ]);
});

Algo assim deve funcionar

#3

nao deu certo
mandou essa mensagem aqui
jquery.min.js:4 Access to XMLHttpRequest at 'file:///C:/Users/42099/Desktop/julio.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

#4

Ah, o blocked by CORS… você sabe o que é o CORS? Dá uma estudada nele pq vai aparecer muito no seu cotidiano!

Aqui tem uma pergunta que pode te ajudar.

[]'s

#5

Teoricamente, antes de tentar fazer algo, precisamos estudar.
Esse estudo pode nos trazer orientações sobre qual direção seguir e quais tipos de dificuldades podemos encontrar.
Sugiro, fortemente, estudar jQuery, aplicações web e afins.