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”
网址输入值=“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>

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

OnSubmit更改DOM元素值和属性

1 个答案: