Как изменить значение во вводе (текстовое поле), изменив выбор

Question

Я пытаюсь изменить значение на входе, когда из выбора выбирается другая опция:

Просмотреть изображение здесь.

Идея состоит в том, чтодля каждого рекламного пакета вы можете иметь различное количество изображений (бесплатно получает 0 изображений, 20 долларов США за 4 изображения и т. д.).С этим номером я затем хочу отобразить правильное количество полей для загрузки изображений.

Я уже получаю значения из базы данных для количества изображений для каждого пакета, как вы можете видеть в коде ниже:

<select name="ad_pack_id" class="dropdownlist required">

<?php foreach ( $results as $result ) { ?>

<option value="<?php esc_attr_e($result->pack_id); ?>" class="<?php esc_attr_e($result->pack_images); ?>"><?php esc_attr_e($result->pack_name); ?></option>

<?php } ?>

</select>

<input type="hidden" value="" name="packimages" id="packimages" />

Я пытался получить значение из выбора напрямую, выполнив:

mainform.ad_pack_id.options[selectedIndex].class.innerHTML

, но при этом количество изображений не получается.

Какможно получить количество изображений для выбранного рекламного пакета без предварительной отправки формы?

Answer 1

Вы также можете попробовать jquery:

$("#ad_pack_id option:selected").val()

это должно дать вам значение. чтобы показать / скрыть поля загрузки, вы можете использовать, например, атрибут отображения CSS:

$("#uploadfield_1").css("display", "none")
$("#uploadfield_1").css("display", "block")

Answer 2

попробуйте это:

document.mainform.ad_pack_id.options[Selected].className;

Answer 3

Этот код установит значение входа в значение выбранного параметра.

Я просто добавил атрибут "id" для выбора меню

<select id="ad_pack_id" name="ad_pack_id" class="dropdownlist required">

<?php foreach ( $results as $result ) { ?>

<option value="<?php esc_attr_e($result->pack_id); ?>" class="<?php esc_attr_e($result->pack_images); ?>"><?php esc_attr_e($result->pack_name); ?></option>
<?php } ?>

</select>

<input type="hidden" value="" name="packimages" id="packimages" />


<script type="text/javascript">
var selectmenu = document.getElementById("ad_pack_id");
selectmenu.onchange = function()
{ //run some code when "onchange" event fires
var chosenoption = this.options[this.selectedIndex] //this refers to "selectmenu"
if (chosenoption.value!="nothing")
    {
    document.getElementById("packimages").value = chosenoption.value ;
    }
}
</script>