打開2個網址點擊選項選擇

Question

在我的表單中有一個下拉列表，並在按鈕上單擊我需要打開2個網址，如果用戶選擇選項1，然後按鈕單擊後出現一個感謝頁面和另一個URL應該開放。

我只能在當前時間打開一個URL。請看看我的小提琴。

http://jsfiddle.net/ty65E/5/

另外在我的頁面上有幾個按鈕，我想他們應該initally禁止，所以他們不要再worj。我想強制用戶先填寫表格，然後只能訪問其他按鈕。

夥計們感謝您的支持。

Answer 1

你可以嘗試的一件事是從選擇選項調用onchange功能。我認爲它很乾淨，以後會幫助你。以下是我試過

<select name="interest_c" id="interest_c" class="required" onchange="report(this.value)"> 
    <option selected="selected" value="">Indicate your interest...</option> 
    <option value="1">I want a Free Trial</option> 
    <option value="2">I want to see a pre-recorded demo</option> 

           </select>​ 



<script type="text/javascript"> 
function report(selectval) { 
    switch(parseInt(selectval)) { 

     case 1: 
      window.open("http://www.stackoverflow.com"); 
      window.open("http://www.google.com"); 
      break; 
     case 2: 
     window.open("http://www.facebook.com"); 
     window.open("http://www.php.net"); 
     break; 

    } 

}​ 
</script> 

我想它的jsfiddle http://jsfiddle.net/eXSND/

希望這有助於

Answer 2

您可以存儲多個網址，將它們分隔爲'|'之類的網址，然後使用split創建一個網址列表。第一個值將始終存在（如果只有一個url，split將生成一個包含單個元素的數組），第二個值將僅存在於指定了兩個URL的選項中。

<option value="google.com|stackoverflow.com">Two URLs</option> 

val = val.split('|'); 
window.open(val[0]); 
if (val.length > 1) 
    window.open(val[1]); 

至於你的其他問題，添加disabled財產上的按鈕，並且每個必須填寫輸入：

$(selector_with_all_fields).change(function() { 
    var allFilled = true; 
    $(selector_with_all_fields).each(function() { 
     allFilled = allFilled && $(this).val() !== ""; 
    }); 
    $(my_buttons).attr("disabled",allFilled); // If that doesn't work, try removeAttr when allFilled is false 
}); 

記得在HTML格式的"disabled"="true"啓動它們。