javascript - JQuery 根据所选选项填充表单

Question

我正在尝试根据用户选择的选项添加一些表单内容。

例如，如果用户选择表单 1 选项，则表单将填充与用户选择选项 2 不同的内容

<select>
<option>Form 1</option>
<option>Form 2</option>
</select>

<form>
Here we get either form 1 content or form 2 content depending on the select option selected by user.
</form>


//Form 1 content
<input type="text" value="something" />
<input type hidden="something here" />

//Form 2 content
<input type="text" value="something else here" />
<input type hidden="something else here" />

如何使用 jquery 做到这一点？

Answer 1

试试这个:http://jsfiddle.net/QUbEE/1/

$('select').change(function () {
  if ($('option:selected', this).val() == 1) {
      //$('form').hide();
      $('#form-1').html($('<input />').attr({
        'id': 'textBox1',
            'value': 'Something is here'
    }));
  } else {
      $('#form-1').html($('<input />').attr({
        'id': 'textBox2',
            'value': 'Something ELSE is here'
      }));
  }
});

创建 elems 取决于更改事件，然后将表单的 html 替换为具有新值的新输入。