我想创建一个"通过选择一张照片,我可以按下一个按钮,并在选定的值的文本区域添加一些代码。
我用外部"JS"文件,但不熟悉javascript我不明白我错了。我四处看了一下,但我只找到了一些使用jquery的例子。更改,而我需要在按下按钮时输入值,并且必须在选择时添加额外的文本。
我希望避免使用JQuery,因为这段代码必须在本地运行而不需要更新。
function Art_AddFoto() {
var Fotoselect = document.getElementById('art_fotoselect');
var Selectvalue = Fotoselect.options[select.selectedIndex].value;
var TextArea = document.getElementById('i251x');
TextArea.innerText += '<img src="' + Selectvalue + "' alt='Image'>";
});
<textarea class="textarea" style="height:200px;" name="art_testo" id="i251x"> </textarea>
<select class="select" name="art_fotoselect" id="art_fotoselect">
<option value="test1">value1</option>
<option value="test2">value2</option>
</select>
<div style="width:40%; display:inline-block;">
<input type="button" name="Art_AddFoto" value="Aggiungi Foto" onclick="Art_AddFoto()" class="button">
</div>
你太接近了!
我对你的代码所做的唯一改变是将select
换成Fotoselect
:
function Art_AddFoto() {
var Fotoselect = document.getElementById('art_fotoselect');
var Selectvalue = Fotoselect.options[Fotoselect.selectedIndex].value;
var TextArea = document.getElementById('i251x');
TextArea.innerText += '<img src="' + Selectvalue + "' alt='Image'>";
}
你可以从这里开始:
它使用querySelector和EventListener
Art_AddFoto = (e) => {
document.querySelector('#i251x').value += document.querySelector('#art_fotoselect').value+"rn";
}
document.querySelector("#Art_AddFotoBtn").addEventListener('click',()=>{
Art_AddFoto(this)
})
<textarea class="textarea" style="height:200px;" name="art_testo" id="i251x"></textarea>
<select class="select" name="art_fotoselect" id="art_fotoselect">
<option value="test1">value1</option>
<option value="test2">value2</option>
</select>
<div style="width:40%; display:inline-block;">
<button name="Art_AddFoto"class="button" id="Art_AddFotoBtn">Aggiungi Foto</button>
</div>