Question

我已经失去了大约几个小时。我有一个工作示例，我尽我所能从Java JSP复制我在服务器端生成的html页面上的效果。

基本上我用这个：

<select name="slct" id="slct">
<option value="" selected="selected">select something</option>
<option value="2">One</option>
<option value="3">Two</option>
</select>

和这个脚本

$("#slct").change(function() {
var textval = $(":selected",this).val();
$('input[name=printit]').val(textval);
});

这里输出：

<input type="text" name="printit" id="printit"/>

这部分代码有效。

但我的JSP scriptlet生成了返回此代码的代码：

<select name="slct" id="slct">
    <option value="" selected="selected">select </option>
    <option value="2">Alex</option>
   <option value="4">Domy</option>
  <option value="5">Luka</option>
</select>

使用相同的javascript代码（我在尝试此选项时删除了第一个选项）并不起作用。

它是否与服务器生成的选项有关-vs javascript ??

我该怎么办？

Answer 1

您的内容是在脚本执行后生成的，因此您生成的选择没有附加事件。您可以使用委托来解决问题。

$(document).on("click", "#slct", function() {
    var textval = $(":selected",this).val();
    $('input[name=printit]').val(textval);
});

在页面加载不起作用后，在更改复制值选择选项功能上

1 个答案: