Question

我有几个代码从文本框中获取内容并将它们放在下拉框中，我有一个5页的表单使用和javascript在页面之间用onclick functoin切换，在第3步我有9个texboxes其中名称是一旦我点击下一个，我有一个复制功能，它将复制9文本框中的名称，然后放入一个下拉框，但当我点击后面我回到第3步，然后点击下一步，内容在下拉框中重复如何更正我的代码，以便当我点击后面，我有一个功能，删除下拉框代码下面的旧内容;我还附上了点击后面发生的事情的截图。

这是将文本框内容复制到下拉框

的功能

<script type="text/javascript">
function data_copy()
{
    if(document.forms[0].health1.value == ""){
        var select = document.getElementById("health1");
        var value = "";
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName1.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName2.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName3.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName4.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName5.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName6.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName7.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName8.value;
        select.options[select.options.length] = new Option(value, value);
        var value = document.form1.passName9.value;
        select.options[select.options.length] = new Option(value, value);
    }else{
        document.form1.pass1Name.value="";
        document.form1.pass2Name.value="";
        document.form1.pass3Name.value="";
        document.form1.pass4Name.value="";
        document.form1.pass5Name.value="";
        document.form1.pass6Name.value="";
        document.form1.pass7Name.value="";
        document.form1.pass8Name.value="";
        document.form1.pass9Name.value="";
    }
}
</script>

用于复制下拉框中项目的呼叫操作代码

<a href="#" onclick="data_copy(); "><img src="images/step4.jpg" border="0" width="30%" />

这是后退功能，我需要删除下拉列表的旧内容，因为它们是重复的

<script type="text/javascript">
function data_nocopy()
{
    if(document.forms[0].health1.value > 0){
        var select = document.getElementById("health1");
        var value = "";
        select.options[select.options.length] = new Option(value, value);
    }
}
</script>

要删除的呼叫功能

![<a href="#" onclick="data_nocopy(); "><img src="images/step4.jpg" border="0" width="30%" />][1]

非常感谢你能帮助我，谢谢

Answer 1

据我了解，您希望清除下拉列表项。示例代码如下所示

在Jquery ：

$('#health1')[0].options.length = 0;

在Javascript中：

document.getElementById("health1").options.length = 0;

文本框下拉列表并删除内容

1 个答案: