选择没有值时，下拉列表中的选定索引抛出错误

Question

我正在尝试访问从下拉列表中选择的值并填充到表的一行中。我正在使用：

cell2.innerHTML = choiceInput.options[choiceInput.selectedIndex].text; 

其中choiceInput是我的下拉元素的名称。

如果我从下拉列表中选择一个选项，这是有效的，但是如果我没有从下拉列表中选择任何内容，我会选择null值并获得JavaScript错误。

有人可以帮我这个吗？

Answer 1

获取潜在的option元素，使用 if-statement ，这样当没有元素可用时，您不会尝试访问.text。

var selected = choiceInput.options[choiceInput.selectedIndex];

if (selected)
    cell2.innerHTML = selected.text; 

Answer 2

使用验证。

function validateListBox(){
var listBoxSelection=document.getElementById("choiceInput").value;
if(listBoxSelection==0){
alert("Please select );
return false;
}else{
return true;
}
return true;
}