Question

Hy! i am new to web development and just stuck at a point. I have a form at which 2 fields are generated by one drop down menu. Now the problem is I have generated one field and trying to get another field but due to lack of knowledge I am stuck. I just need little bit help if someone can

<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;" />

Now my javascript is this:

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.
}

I just want to know that how th field of amount payable will get the amount.

Answer 1

Do you mean

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.
}​

with this code

      <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" />