我有两个文本输入元素：
<input type="text" id="Title"/>
<input type="text" id="URL"/>
一个下拉菜单和一个提交按钮。select下拉菜单有几个选项，其值等于页面中元素的ID。
如果单击提交按钮，它将更改/填充在下拉菜单中选择ID的div元素中的值。
<img src="https://www.google.com/s2/favicons?domain=$URL" alt="Icon" title="icon">
<a href="$URL" title="$TITLE"> $TITLE </a><br />
在下拉菜单中选择ID的div中。
示例
标题输入值="Google"
URL输入值="http://www.google.com"
选择选项ID="Search_Engines"
然后按"提交"
然后，它将永久写入id为Search_Engines 的元素
<img src="https://www.google.com/s2/favicons?domain=http://www.google.com" alt="Icon" title="icon">
<a href="http://www.google.com" title="Google"> Google </a><br />
有什么办法可以做到这一点吗？
Javascript:
<script>
function change(){
var Title = document.getElementById('Title').value;
var URL = document.getElementById('URL').value;
var Element = document.getElementById('Element').value;
var div = document.getElementById(Element);
div.innerHTML = Title + " " + URL;
return false;
}
</script>
和html表单
<form>
<input type="text" name="Title" id="Title"><br />
<input type="text" name="URL" id="URL"><br />
<select name="Element" size="1" id="Element">
<option>1</option>
<option>2</option>
</select>
<input type="submit" name="submit" value="submit" onclick="return change()">
</form>
<div id="1">text</div>
<div id="2">text</div>
我想有更好的解决方案，但有效。