how to change the value in the text box to current date depending up on value selected in the dropdown box in javascript

Question

hi I have a two boxes, a 'parent' select box and a 'child' text box. how can i change values that are inside the 'child' text box to current date, depend on what is selected in the 'parent' select box.

Answer 1

1. Wire an onchange event for the select box.
2. Retrieve the selected value
3. Assign the selected value to the text box

If you can use jQuery (which I suggest)

<script>
    $(document).ready ( function () {
     $("#sel1").change ( function () {
      $("#txt1").val ( $(this).val() );
     });
    });
</script>
<select id="sel1">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

<input type="text" id="txt1" />

Answer 2

I won't give you cde, just how to do it

The Select box has Text and Value properties for each Item, also the Select has a javascript Event that tells you when the SelectedIndex has changed
On that Event you should read the Value from the SelectedItem and write it to the TextBox

Answer 3

Here's some code, which has the multiple advantages of not requiring jQuery and working before the document finishes loading:

<form>
  <select name="sel1" onchange="this.form.elements['txt1'].value = this.options[this.selectedIndex].text;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>

  <input type="text" name="txt1">
</form>