Question

<td>
<select name="arrivalMonth2" id="arrivalMonth" style="margin-right:1px;">
</select>
<input name="arrivalMonth" id="arrivalMonth" value="" type="hidden" />
</td>

我有这个输入框arrivalMonth，并尝试将Javascript varible arrivalMonth（返回为＆＃34; 09＆＃34;）放在框中。

var dateArrival = '20171029';
var arrivalMonth = dateArrival.substring(4,6)-1;

我已经尝试过了

document.getElementById("arrivalMonth2").value = arrivalMonth;

和＆＃34;无法设置属性＆＃39;值＆＃39; of null＆＃34;是返回值..

知道如何解决这个问题吗？我对Javascript很陌生，遇到了很多问题..

提前致谢!!

Answer 1

问题在于您是否正在尝试查找id arrivalMonth2的{{1}}元素，而该元素并不存在。不过，这可能是一个错字。我认为您打算将arrivalMonth2放在第一个select元素中。

尝试将html块更改为：

<td>
<select name="arrivalMonth2" id="arrivalMonth2" style="margin-right:1px;">
</select>
<input name="arrivalMonth" id="arrivalMonth" value="" type="hidden" />
</td>

Answer 2

您可以使用appent方法进行选择

<td>
<select name="arrivalMonth2" id="arrivalMonth2" style="margin-right:1px;">
</select>
<input name="arrivalMonth" id="arrivalMonth" value="" type="hidden" />
</td>

<script>
var dateArrival = '20171029';
var arrivalMonth = dateArrival.substring(4,6)-1;


$('#arrivalMonth2').append($('<option>', {
    value: arrivalMonth ,
    text: arrivalMonth 
}));

</script>

或其他方法

$("#arrivalMonth2").append(new Option(arrivalMonth , arrivalMonth ));

＆＃13;

var dateArrival = '20171029';
var arrivalMonth = dateArrival.substring(4,6)-1;


$('#arrivalMonth2').append($('<option>', {
    value: arrivalMonth ,
    text: arrivalMonth 
}));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
<select name="arrivalMonth2" id="arrivalMonth2" style="margin-right:1px;">
</select>
<input name="arrivalMonth" id="arrivalMonth" value="" type="hidden" />
</td>

＆＃13;

将javascript varibles放在输入框中

2 个答案: