添加.value会停止javascript的流程

时间:2014-10-28 19:17:08

标签: javascript browser css-selectors

我正在浏览器中创建程序,该程序将用户的选择与使用对象的预定义假期列表进行比较。我尝试从用户的选择中创建一个对象以用于比较并选择最匹配的假日,但是当我尝试选择值(添加.value)时,它似乎打破了Java的流程,而没有代码之后阅读。

var climateVar = document.getElementById('climateselect')/.value\;
var accVar = document.getElementById('accomadationselect')/.value\;
var durationVar = document.getElementById('duration')/.value\;

var userInput = new Input(climateVar/.value\, accVar/.value\, durationVar/.value\);

for (var key in userInput) {
    var woo = userInput[key];
    document.getElementById('someDiv').innerHTML += woo/.value\;

}

没有任何.value / s,这打印[object HTMLSelectElement] null [object HTMLSelectElement] - (我将“getElementById”更改为“querySelector”,它只是打印“nullnullnull”) ,但是当我尝试在任何地方添加.value时,整个脚本都会停止工作,因此下面的所有内容都不会运行。为什么在地球上添加.value会阻止脚本工作?没有其他改变。

另外,我是一个新手,这本来是一个练习项目,但我已经坚持了大约一天了。任何其他你可能想要给予的建议也将不胜感激

无处不在我输入/.value \我试图添加.value,它有停止代码的效果

1 个答案:

答案 0 :(得分:0)

您确定要在有效对象上调用值吗?该对象必须存在并支持.value才能得到结果 - 例如

http://jsfiddle.net/pherris/t57ktnLk/

HTML

<input type="text" id="textInput" value="123"/>
<div id="divHoldingInfo">123</div>

的JavaScript

alert(document.getElementById('textInput').value);
alert(document.getElementById('divHoldingInfo').innerHTML);
alert(document.getElementById('iDontExist').value); //errors out