Question

我在使用编辑表单在动态创建的div中设置下拉列表的值时遇到问题。

document.getElementById("edit-entry").innerHTML = "";
var div = document.createElement('div');
div.className = 'edit';
div.innerHTML =  "form html";
document.getElementById('edit-entry').appendChild(div);

<{1>}中的

是

html

在控制台上工作<div id="edit-entry"></div>但是当我尝试将其设置为("#sel-change-app").val("9");或appendChild时仍然没有变化。如何检查$(function() { }是否已准备好设置值？正如我调试我看到sel-change-app比div慢，couse list来自服务器。

Answer 1

希望这会对你有帮助..

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('select#sel').find('option').each(function() {
            var t=$(this).val();
            $("#mySelect").append(t+"<br>");
        });
    }); 
    </script>
</head>
<body>
    <select id="sel" name="sel">
        <option value="o1">1</option>
        <option value="o2">1</option>
        <option value="o3">1</option>
        <option value="o4">1</option>
    </select>
    <div id="mySelect"></div>
</body>
</html>

在动态创建的div上设置服务器值的下拉列表

1 个答案: