2016-12-27 4 views
-2

Код:Выберите окно выбранное значение показать внутри DIV

-> опция значения "ID", чтобы отобразить

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 

<script> 
$("#price").change(function() { 
var id = $(this).children('option:selected').attr('id'); 
}); 
</script> 

<td> 
<select name="money" id="price" style="width: 100%"> 
<option value="Low" id="10">Low</option> 
<option value="Middle" id="30" >Middle</option> 
<option value="High" id="60" >High</option> 
<option value="Highest" id="100" >Highest</option> 
</select> 
</td> 
<td> 
<span id="price"></span> 
</td> 

Это не дает мне желаемых результатов.

+0

Где находится 'div', о котором вы говорите? И я не вижу, чтобы вы поместили значение где-нибудь ... – Dekel

+0

Он работает, как только вы удаляете косые черты - это просто НЕ ДЕЛАЕТСЯ. Удалите, слэш, затем добавьте что-то вроде console.log (id), чтобы вы могли видеть, что он что-то делает. – Snowmonkey

+0

Или, в качестве альтернативы, сообщите нам, что ВЫ ИСПОЛЬЗУЕТЕ это сделать. – Snowmonkey

ответ

0

Говорить «код не работает» абсолютно ничего не делает. Хорошо работает для меня, here it is as a fiddle.

$("#price").change(function() { 
 
    var id = $(this).children('option:selected').attr('id'); 
 
    $("#priceDisplay").append("<p>Price chosen: "+id+"</p>"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td> 
 
    <select name="money" id="price" style="width: 100%"> 
 
    <option value="Low" id="10">Low</option> 
 
    <option value="Middle" id="30">Middle</option> 
 
    <option value="High" id="60">High</option> 
 
    <option value="Highest" id="100">Highest</option> 
 
    </select> 
 
</td> 
 
<td> 
 
    <span id="priceDisplay"></span> 
 
</td>

отредактирован, чтобы включить JQuery, как указано. Отредактировано во второй раз, чтобы изменить имя диапазона и добавить информацию в этот интервал каждый раз, когда выбран выбор.

+0

Я пытаюсь, это не работает :( – MJoRaYuLuN

+0

Какое поведение вы ожидаете. Это то, что я сказал ему делать, учитывая то, что вы нам сказали. от выбора, чтобы появиться в span? – Snowmonkey

+0

Да, я хочу показать выбранное значение – MJoRaYuLuN

0

Возможно, вы захотите показать результат?

$("#price").change(function() { 
var id = $(this).children('option:selected').attr('id');  
console.log(id); 
$("#showprice").html(id); 
}); 

<span id="showprice"></span>