OnSubmit 更改 DOM 元素的值和属性

Question

我有两个文本输入元素：

<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 />

有没有办法做到这一点？

Answer 1

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>

猜猜有更好的解决方案，但有效。