Question

我有一个方框，其中包含＆＃34;输入＆＃34;，＆＃34;选择＆＃34;，＆＃34;检查＆＃34;，＆＃34; Radion＆＃34;等选项。在选择任何选项时，我需要填充相应的html类型，如
如果我选择输入，我想填充<input type="text"/>
如果我选择选择，我想填充<select> box
如果我选择输入，我想填充<input type="checkbox"/>标签。

所有这些都应该动态地进行。

如何为新生成的html类型添加spring：form标签。这样我就可以将新值添加到命令对象中。

请建议我该怎么做。

谢谢，仙人。

Answer 1

试试这个：

<select id="multiOptions" name="multiOptions" style="width: 214px">
 <option value="S" selected="selected">--Select Input Type --</option>
<option value="C">Checkbox</option>
<option value="R">Radio</option>
<option value="B">Button</option>
</select>
<div id="radios">
    <input type="radio" value="1" name="option">option1</input>
    <input type="radio" value="2" name="option">option2</input>
</div>
<div id="checkboxes">
    <input type="checkbox" value="1" name="option">option1</input>
    <input type="checkbox" value="2" name="option">option2</input>
</div>
<div id="buttons">
    <input type="button" value="option1" name="option"/>
    <input type="button" value="option2" name="option"/>
</div>

jquery：

$(document).ready(function () {
$('#checkboxes').hide();
$('#radios').hide();
$('#buttons').hide();
$("#multiOptions").change(function () {
    if ($(this).val() == "R" ) {
       $('#radios').show();
       $('#checkboxes').hide();
       $('#buttons').hide();
    }
 else if ($(this).val() == "C") {
     $('#checkboxes').show();
     $('#radios').hide();
     $('#buttons').hide();
    }
    else if ($(this).val() == "B"){
     $('#checkboxes').hide();
     $('#radios').hide();
     $('#buttons').show();
    }
    else { 
        $('#checkboxes').hide();
        $('#radios').hide(); 
        $('#buttons').hide();
         }
});
});

DEMO ：http://jsfiddle.net/9NkVC/24/

在spring mvc中选择框的更改时添加动态输入类型

1 个答案: