Question

我有一个选择框，将选择内容写入textarea。

此代码适用于textarea：

<input name="aktuelles_titel" id="aktuelles_titel" value="<?php echo $row_RS_Aktuelles_und_Produktneuheiten['titel']; ?>">
<div name="aktuelles_inhalt" id="aktuelles_inhalt"><?php echo $row_RS_Aktuelles_und_Produktneuheiten['inhalt']; ?>"</div>
<input name="badetraeume_titel" id="badetraeume_titel" value="<?php echo $row_RS_Badetraeume['titel']; ?>">
<div name="badetraeume_inhalt" id="badetraeume_inhalt"><?php echo $row_RS_Badetraeume['inhalt']; ?>"</div>
<form id="teaserDetails">
<select name="teaser" onchange="setTeaser(document.Form, this.value);">
<option value="">Teaser auswählen ...</option>
<option value="1"><?php echo $row_RS_Aktuelles_und_Produktneuheiten['titel']; ?></option>
<option value="2"><?php echo $row_RS_Badetraeume['titel']; ?></option>
</select>
<textarea disabled="disabled" name="showteaser" type="text" id="showteaser" value="."> </textarea>
</form>


<script>
var teaserInhalt = {
'1': document.getElementById('aktuelles_inhalt').innerHTML,
'2': document.getElementById('badetraeume_inhalt').innerHTML
};
var form = document.getElementById('teaserDetails');
form.elements.teaser.onchange = function () {
var form = this.form;
form.elements.showteaser.value = teaserInhalt[this.value];
};
</script>

但是当textarea更改为div容器时，javascript不起作用。我搜索了很多，改变了很多，但没有运气。我是第一次这样做，我想我会想念一些小事。

此代码有错误：

<input name="aktuelles_titel" id="aktuelles_titel" value="<?php echo $row_RS_Aktuelles_und_Produktneuheiten['titel']; ?>">
<div name="aktuelles_inhalt" id="aktuelles_inhalt"><?php echo $row_RS_Aktuelles_und_Produktneuheiten['inhalt']; ?>"</div>
<input name="badetraeume_titel" id="badetraeume_titel" value="<?php echo $row_RS_Badetraeume['titel']; ?>">
<div name="badetraeume_inhalt" id="badetraeume_inhalt"><?php echo $row_RS_Badetraeume['inhalt']; ?>"</div>
<form id="teaserDetails">
<select name="teaser" onchange="setTeaser(document.Form, this.value);">
<option value="">Teaser auswählen ...</option>
<option value="1"><?php echo $row_RS_Aktuelles_und_Produktneuheiten['titel']; ?></option>
<option value="2"><?php echo $row_RS_Badetraeume['titel']; ?></option>
</select>
<div id="showteaser"> </div>
</form>


<script>
var teaserInhalt = {
'1': document.getElementById('aktuelles_inhalt').innerHTML,
'2': document.getElementById('badetraeume_inhalt').innerHTML
};
var form = document.getElementById('teaserDetails');
form.elements.teaser.onchange = function () {
var form = this.form;
form.elements.showteaser.value = teaserInhalt[this.value];
};
</script>

Answer 1

尝试：

document.getElementById('showteaser').html = teaserInhalt[this.value];

而不是

form.elements.showteaser.value = teaserInhalt[this.value];

Answer 2

而不是： form.elements.showteaser.value

尝试用innerHTML

替换值

Answer 3

更改脚本..

    <script>
    var teaserInhalt = {
    '1': document.getElementById('aktuelles_inhalt').innerHTML,
    '2': document.getElementById('badetraeume_inhalt').innerHTML
    };
    var form = document.getElementById('teaserDetails');
    form.elements.teaser.onchange = function () {
     // this change made in your script.   
    document.getElementById('showteaser').innerHTML = teaserInhalt[this.value];

    };
    </script>

Javascript选择框而不是textarea

3 个答案: