Как получить значение из цикла select в шаблоне?

Я хочу получить значение цены товара в js для каждого селекта, какой будет моя функция jquery? 

                        {% for package in packages %}
                            <div class="form-group col-md-6">
                                <label for="bedrooms">{{ package.title }}<span style="color: red;">*</span></label>
                                <select class="form-control input-dsn" required id="bedrooms" name="package_{{ package.id }}" onChange="document.getElementByName('package_{{ package.id }}').value = this.value;">

                                    {% for item in package.item_set.all %}
                                        <option  value="{{ item.id }}" data-item-value="{{ item.price }}">{{ item.title }}</option>
                                    {% endfor %}

                                </select>
                            </div>
                        {% endfor %}

Это (я думаю) переберет все варианты, вызывая функцию для каждого из них.

$(document).ready(function() {
    $("#bedrooms option").each(function() {
        $(this).attr("data-item-value") // is the value you want    
    });
});

Лично я склонен "жульничать" и включать небольшие скрипты JQuery в свой шаблон, где Django может подставлять нужные мне значения. Единственное, что вам нужно помнить, это то, что некоторые пробелы становятся значимыми. { { - это JS. {{ вызовет несварение у шаблонизатора Django! 

var option_values = [
    {% for item in package.item_set.all %}{{ item.price }}, {%endfor%} ];
Вернуться на верх