選択したドロップダウンから別の値を選択した後、JavaScript関数を更新して呼び出す方法

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の中にカメラ画像を更新し、それは[OK]を動作しますが、今私は、ユーザーが選択を変更したときに、JavaScriptをVAR「パス」を更新する必要がありますカメラ。

私は選択を変更するとvarパスが更新されますが、divは更新されません。どうすればいいのか教えてください。

ここでたくさんありがとう

サンディエゴ

Answer 1

ドロップダウンボックスのための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++); 
    ............................. 
}