Question

我怎样才能加载文件并使其成为一个选项？

所以，如果我们说我在服务器或桌面上有文件。

我如何制作一个可以处理该功能的功能？

也许是用AJAX？

        <input type="text" name="name" value="text " />
    </form>

    <br>

    <button onclick="myRemove()">Remove Option </button>

    <button type="button" onclick="myCreate()">Create Option</button>

    <script>
        function myRemove() {
            var x = document.getElementById("mySelect");
            x.remove(x.selectedIndex);
        }

        function myCreate()
{
    var y = document.getElementById("mySelect");
    var option = document.createElement("option");
    option.text = document.getElementsByName("name")[0].value;
    y.add(option);

Answer 1

这个片段：

document.getElementsByName("name");

返回元素数组。你必须提取你想要的东西。

您必须更改为以下内容：

function myCreate()
{
    var y = document.getElementById("mySelect");
    var option = document.createElement("option");
    option.text = document.getElementsByName("name")[0].value;
    y.add(option);      
}

Answer 2

您可以保留输入标记以获取自己的值

<form >
    <select id="mySelect" size="30" multiple>
        <option>Apple</option>
        <option>Pear</option>
        <option>Banana</option>
        <option>Orange</option>
    </select>
    <input type="text" id="myValue"/>
    <input type="Submit" name="name" value="Submit " />
</form>

然后在你的oncreate方法

function myCreate(){
var y = document.getElementById("mySelect");
var option = document.createElement("option");
var x = document.getElementById('myValue').value
option.text = x;
y.add(option);      
}

Answer 3

检查我的代码

</head>
<body>
<form >
        <select id="mySelect" size="30" multiple>
            <option>Apple</option>
            <option>Pear</option>
            <option>Banana</option>
            <option>Orange</option>
        </select>

        <input type="Submit" name="name" value="Submit " />
    </form>



    <br>

    <button onclick="myRemove()">Remove Option </button>
<input id="add" type="text"> 
    <button type="button" onclick="myCreate()">Create Option</button>

    <script>
        function myRemove() {
           $('#mySelect').children('option:not(:first)').remove();
        }

        function myCreate()
        {
        var value = $("#add").val();
        $("#mySelect").append('<option value='+value+'>'+value+'</option>');            


        }


    </script> 
</body>
</html>

在multipleTextBox中添加文本字段

3 个答案: