0

找不到任何与我想要的足够接近的东西，我可以为我的特定问题工作，所以这里是：

我有一个选择按钮，我需要在页面加载后更改 onchange 参数并在它之前添加一个表单元素。这是HTML：

<select name="dnn$ctr2027$Fixture$ddlRounds" onchange="javascript:setTimeout('__doPostBack(\'dnn$ctr2027$Fixture$ddlRounds\',\'\')', 0)" id="dnn_ctr2027_Fixture_ddlRounds"><option value="">---All Rounds---</option>
<option selected value="337"></option>
<option value="353">Round 2</option>
<option value="354">Round 3</option>
<option value="338">Round 4</option>
<option value="348">Round 5</option>
etc
etc.....
</select>

到目前为止，这是我从找到的其他答案中拼凑出的片段：

var divToRemove = jQuery('#dnn_ctr2027_Fixture_ddlRounds');
var children = elToRemove.children().detach();
divToRemove.replaceWith('<form name="roundSelect" action="#tround" method="get"><select name="dnn$ctr2027$Fixture$ddlRounds" onchange="document.roundSelect.submit();" id="dnn_ctr2027_Fixture_ddlRounds">').append(children);

这适用于替换选择数据并在其前面添加表单，但它没有给我子选项元素，而是给我留下了一个空白的选择字段。

有任何想法吗？

4

1 回答 1

0

您可以使用.wrap()和.attr() - 更改 onchange 值/使用.change()事件处理程序进行 jQuery-ish 独奏

$('#dnn_ctr2027_Fixture_ddlRounds').attr('onchange', 'document.roundSelect.submit();').wrap('<form name="roundSelect" action="#tround" method="get"/>');

或更好

$('#dnn_ctr2027_Fixture_ddlRounds').change(function(){
    document.roundSelect.submit();
}).wrap('<form name="roundSelect" action="#tround" method="get"/>');

演示：小提琴

于 2013-07-03T08:34:43.587 回答