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

进入div，并在下拉菜单中选择ID。

例

标题输入值=“ 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>

猜想有更好的解决方案，但可以。