Question

嗨，我的页面底部有这个javascript。

    var e = document.getElementById("path_chooser");
    var path= e.options[e.selectedIndex].value;

    function update()
    {
    imgObj = document.getElementById('img1');
    if (!isChrome) imgObj.src = img.src;
    img.src = "cams/camera1.php?canal="+path+"&t="+(unique_name++);
    if (originalWidth == 0)
    {........ bla bla bla

我有一个选择下拉列表

                <select id="path_chooser" >
                <option value="1">camera1</option>
                <option value="2" selected="selected">camera2</option>
                <option value="3">camera3</option>
                </select>

这个javascript在div中更新相机图像，它工作正常，现在我需要javascript在用户更改所选摄像机时更新var“path”。

我在更改选择时更新了var路径，但div没有刷新，请告诉我该怎么做。

非常感谢

迭戈

Answer 1

以下是下拉框中handle onchange事件的示例：

<select id="path_chooser" onchange="getOption(this)">
            <option value="1">camera1</option>
            <option value="2" selected="selected">camera2</option>
            <option value="3">camera3</option>
            </select>

 function getOption(v)
 {
   var path= v.options[v.selectedIndex].value;
   imgObj = document.getElementById('img1');
   if (!isChrome) imgObj.src = img.src;
   img.src = "cams/camera1.php?canal="+path+"&t="+(unique_name++);
   .............................
 }

如何从选择下拉列表

1 个答案: