我正在创建一个小型应用程序,在应用程序的一部分上,我正在创建一个下拉选择菜单,其中填充了数组中的值。
我遇到的问题是,当加载表单时,它成功加载并使用数组值填充选择选项,但问题是当我将另一个元素添加到数组并再次调用表单时,它仍然只会加载值从第一次调用表单时开始。
当我按下提交按钮时,我将如何让选择选项清除其值。这是调用的代码:
<div class="popupForm" id="newRelate_Form" style="display:none">
<form name="relationFormOne">
<script type="text/javascript" language="javascript">
var $selectFrom = $('<select id="mySelect">');
$($selectFrom).attr('id', 'objFrom');
for (var i = 0; i < objectArray.length; i++)
{
var value = objectArray[i].Name;
$('<option>').val(value).text(value).appendTo($selectFrom);
}
$selectFrom.appendTo($("#from_Object"));
var fromVal = document.getElementById("objFrom");
</script>
<button class="closeDOMWindow" onclick="createObj(fromVal.options[fromVal.selectedIndex].text)">Create</button>
</form>
然后将该值传递给函数 createObj():
function createObj()
{
/*
DO THE WORK NEEDED
*/
}
现在什么 javascript 代码会清除 select 选项,以便在再次调用它时可以重新填充放入数组中的任何新对象?
感谢您的任何反馈。
顺便说一句,弹出表单是指我使用以下 jquery 插件的事实:DOM Window
感谢您的任何反馈。