如何通过更改选择更改输入（文本框）中的值答案

【问题标题】：How to change value in input (textbox) by changing select如何通过更改选择更改输入（文本框）中的值
【发布时间】：2011-09-10 11:23:51
【问题描述】：

当从选择中选择不同的选项时，我正在尝试更改输入中的值：

View image here.

这个想法是，对于每个广告包，您可以拥有不同数量的图像（免费获得 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

但这没有得到图像的数量。

如何在不先提交表单的情况下获取所选广告包的图片数量？

【问题讨论】：

标签： php javascript ajax wordpress

【解决方案1】：

你也可以试试jquery：

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

这应该会为您带来价值。显示/隐藏您可以使用的上传字段，例如 CSS 显示属性：

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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

【解决方案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>

【讨论】：