2013-04-17 17 views
0

我正在使用多選組合框,我從組合框中選擇幾個值並將所選值保存到數據庫。當我重新打開頁面時,我需要將重點放在所選和保存的值上。如何在使用多選組合時獲得選定值的焦點

function getSelectedValues() { 
    var from = document.getElementById("309127"); 
    var to; 
    var v = from.options.length; 
    var selectedValues = ""; 

    for (var i = 0; i < v; i++) { 
     if (from.options[i] && from.options[i].selected) { 
      var CVal = from.options[i].value; 
      var CText = from.options[i].text; 

      if (selectedValues == "") { 
       selectedValues = CVal; 
      } 
      else { 
       selectedValues = selectedValues + "~" + CVal; 
      } 

     } 
    } 
    return selectedValues; 

} 

這是我用來將所選值保存在數據庫中的javascript函數。 任何人都可以幫助我瞭解如何將焦點放回選定的項目上嗎? 謝謝

+0

u是否意味着所有選定的選項應該保持選定狀態,因爲它在保存之前是正確的? –

+0

是的tushar,我只想那樣 – nithin

+0

什麼是服務器端腳本jsp/php? –

回答

1

要設置與JavaScript的焦點,您可以使用

document.getElementById("309127").focus(); 

對於你的問題我假設你發送的值,以一個PHP頁面或類似更新的東西數據庫。如果是這樣,當您返回到您的頁面時,您的問題將獲得選定的值。兩個建議:

  • 使用Ajax所以你不需要退出頁面來更新數據庫,
  • 傳遞選定值回你的頁面通過GET或相似,並且將焦點設置在頁面加載。

編輯:-------------

例如如果通過GET值傳遞等(www.example.com?param1=three)

您可以使用javascript來選擇加載時的值:

<html> 
<body onload="load()"> 
<select id="example"> 
    <option value="one"> one </option> 
    <option value="two"> two </option> 
    <option value="three"> three </option> 
</select> 
</body> 

<script> 
function load(){ 
    var param1 = getParameterByName("param1"); 
    var selected = document.getElementById('example'); 
    var opts = selected.options.length; 
    for (var i=0; i<opts; i++){ 
    if (selected.options[i].value == param1){ 
     selected.options[i].selected = true; 
     break; 
    } 
} 
} 
function getParameterByName(name) 
{ 
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); 
    var regexS = "[\\?&]" + name + "=([^&#]*)"; 
    var regex = new RegExp(regexS); 
    var results = regex.exec(window.location.search); 
    if(results == null) 
    return ""; 
    else 
    return decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 
</script> 
</html> 
+0

是的,我想在保存完成後專注於選定的值。 – nithin

+0

你如何在數據庫中保存? –

+0

我使用的是struts框架.. – nithin

0

嘗試var from = document.getElementById("309127");from.focus();

+0

我想專注於選定的值,而不是組合框 – nithin

相關問題