動態表單字段隨javascript變化

Hy！我對網絡開發不熟悉，只是停留在某一點上。我有一個表單，其中2個字段由一個下拉菜單生成。現在的問題是我已經產生了一個領域，並試圖獲得另一個領域，但由於缺乏知識我卡住了。我只是需要一點幫助，如果有人能動態表單字段隨javascript變化

<form name="myform"> 
    <select name="optone" size="1" onchange="setOptions(document.myform.optone.options[document.myform.optone.selectedIndex].value);"> 
     <option value=" " selected="selected"> </option> 
     <option value="1">Directory Submission</option> 
     <option value="2">Articale Submission</option> 
     <option value="3">Social Bookmarking</option> 
     <option value="4">Blog Commenting</option> 
     <option value="5">Forum Submission</option> 
     <option value="6">Link Building</option> 
    </select> 
    No. Of Submissions: <select name="opttwo" size="1"> 
     <option value=" " selected="selected">Select any option of the above first</option> 
    </select> 
    Amount Payable: 
</td> 
<td> 
    <input type="text" name="amount" onchange="document.myform.opttwo.options[document.myform.opttwo.selectedIndex].value;" />

現在我的JavaScript是這樣的：

function setOptions(chosen) { 
    var selbox = document.myform.opttwo; 
    selbox.options.length = 0; 
    if (chosen == " ") { 
     selbox.options[selbox.options.length] = new Option('Please select one of the options above first',' '); 
    } 
    if (chosen == "1") { 
     selbox.options[selbox.options.length] = new Option('100 Directory Submission', '$9.99'); 
     selbox.options[selbox.options.length] = new Option('100 Directory Submission', '$9.99'); 
     selbox.options[selbox.options.length] = new Option('300 Directory Submission','$29.99'); 
    } 

    // and like this other options will come too. 
}

我只是想知道，怎麼個場量的支付將獲得的金額。

來源

2012-12-04 Husnain Ahmed

調用一個Ajax功能的第一場的onChange，並讓這個AJAX retireve下一字段中的數據，設定數據從ajax到第二個字段 –

我必須首先指出你的HTML代碼是不正確的：你必須在關閉t之前關閉'

你想在輸入字段中做什麼？這沒有做任何事'onchange =「document.myform.opttwo.options [document.myform.opttwo.selectedIndex] .value;」 ' – mplungjan

你的意思

DEMO

function setOptions(chosen) { 
    var selbox = document.myform.opttwo; 
    selbox.options.length = 1; // no need to delete the first option 
    if (chosen == "1") { 
        selbox.options[selbox.options.length] = new Option('100 Directory Submission', '$9.99'); 
        selbox.options[selbox.options.length] = new Option('100 Directory Submission', '$9.99'); 
        selbox.options[selbox.options.length] = new Option('300 Directory Submission','$29.99'); 
    } 
    document.myform.amount.value=""; 
    // and like this other options will come too. 
}

與此代碼

 <select name="opttwo" size="1" onchange="this.form.amount.value=this.value;"> 
     <option value=" " selected="selected">Select any option of the above first</option> 
     </select> 
     Amount Payable: 
    </td> 
    <td> 
    <input type="text" name="amount" readonly="readonly" />

來源

2012-12-04 12:32:27 mplungjan

你的代碼是正確的，我也想要類似的東西，但它不能正常工作。我想知道這個數額是多少，如34.99美元或19.99美元，它將如何顯示在我的文本字段中？ –

對不起，我把onchange放在選項上而不是select上。 – mplungjan

動態表單字段隨javascript變化

回答

相關問題