Не получается взять value из selecta отобранного по id
 

Код состоит из формы и нескольких селектов, последний добавляется в зависимости от выбора в предыдущем селекте. Не получается взять выбранное значение (value) из последнего селекта.

function give() {
  			var sel = document.getElementById("07"); 
			var s7 = sel.options[sel.selectedIndex].value;  
			var sel = document.getElementById(s7); 
			var s8 = sel.value;
			alert(s8);
		}

<select id="07" onchange="AddOption()">
					<option value="1" data-images="">Республика Адыгея</option>
					<option value="2" data-images="">Республика Алтай</option>
					<option value="3" data-images="">Республика Башкортостан</option>
</select>

<div id="2" style="display: none;">
			<div>
				Населенный пункт:
			</div>
			<div>
				<select>
					<option value="1.3" data-images="">Горно-Алтайск</option>
					<option value="0.7" data-images="">Прочие города и населенные пункты</option>
				</select>
			</div>
			<div></div>
		</div>

skoorpion1,
так нет у вас в селекте никакого id равного s7

skoorpion1,

function give() {
            var sel = document.getElementById("07");
            var s7 = sel.options[sel.selectedIndex].value; 
            var sel = document.getElementById(s7);
            var s8 = sel.value;
            alert(s8);
 }

в строке 4 вы ищете элемент по id, выбранному в первом селекте.
А этот id прописан в div, у которого нет выбранного значения, соответственно, результат undefined
Вам надо id разместить в соответствующем селекте, например

<select id="2">
	<option value="1.3" data-images="">Горно-Алтайск</option>
	<option value="0.7" data-images="">Прочие города и населенные пункты</option>
</select>

а из div убрать (или использовать другой)

skoorpion1,

function give() {
  			var sel = document.getElementById("07");
			var s7 = sel.value;
			var div = document.getElementById(s7);
			var s8 = div.querySelector("select").value;
			alert(s8);
		}

Спасибо,мне помогло))