我正在动态地将一些 HTML 元素附加到页面。可以添加多个项目,并且可以添加不同的时间......所以很难使用“绑定(bind)”。
我决定使用内联函数——但这不适用于 Firefox...适用于所有其他浏览器。请注意选项的 onClick。另外,我尝试过 onblur、onchange 和 on select。这些都不适用于 Firefox。
我的目标是在选择该选项时运行这些函数。我想我只是错过了一些东西。
$("#billTasks").find('tr')
.append('<td><fieldset><select>
<option class="fixedRate" onClick="fixedOption(this)" id="billFixedSelect" value="1">Fixed Rate</option>
<option class="hourly" onClick="hourlyOption(this)" id="billHourlySelect" value="2"></option>
</select>
<input type="text" placeholder="Rate" class="fieldWidth100 rate currency" style="margin-right:10px;"/>
<select class="schedule">
<?php while($row = $db->sql_fetchrow($result)){
echo "<option value=\'{$row['schedule']}\'>{$row['schedule']}</option>\\n";}?>
</select></fieldset></td>');
这是有问题的代码(在附加字符串中)
<select>
<option class="fixedRate" onClick="fixedOption(this)" id="billFixedSelect" value="1">Fixed Rate</option>
<option class="hourly" onClick="hourlyOption(this)" id="billHourlySelect" value="2"></option></select>
最佳答案
为什么内联你尝试这样的事情。
$("#billTasks").find('select').live("change", function() {
var SelectedValue = $(this).val();
if (SelectedValue == '1') {
//your task
}
if (SelectedValue == '2') {
//Your Task
}
});
关于javascript - 如何将函数运行到动态添加的选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10767941/