jquery - 如何在 jQuery 中的 selextbox 值更改上创建文本框到 div

标签 jquery

请帮助我,我这里有一些代码:

<html>
    <head>
        <title>Select Example</title>
        <script type="text/javascript" src="/admin_template/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){

            $("#developer").change(onSelectChange);

        });

        function onSelectChange(){
            var selected = $("#developer option:selected");
            var output = "";
            if(selected.val() != 0){
                output = "<input style="width:120px" type="text"  name="other_drcname" value='"+ selected.text()+"'/>";
            }
            $("#output").html(output);
        }
        </script>
    </head>

    <body>

        <h3>Developers</h3>

        <select id="developer">
            <option value="0">Select Developer</option>
            <option value="1">Todd Sharp</option>
            <option value="2">Brian Meloche</option>
            <option value="3">Ray Camden</option>
            <option value="4">Sean Corfield</option>

            <option value="5">Ben Nadel</option>
            <option value="6">Mark Drew</option>
            <option value="7">Rey Bango</option>
            <option value="8">Mark Mandel</option>
            <option value="9">Joe Rinehart</option>
            <option value="10">Dan Vega</option>
        </select>
        <br /><br />


        <div id="output">

        </div>

    </body>
    </html>

我想在 <div id="output"> 中创建文本框选择框的值发生变化

最佳答案

看起来您的这一行可能有问题:

output = "<input style="width:120px" type="text"  name="other_drcname" value='"+ selected.text()+"'/>";

尝试将其更改为:

output = "<input style=\"width:120px\" type=\"text\"  name=\"other_drcname\" value='"+ selected.text()+"'/>";

您必须转义引号或使用单引号(撇号)

关于jquery - 如何在 jQuery 中的 selextbox 值更改上创建文本框到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5679373/

相关文章:

javascript - 使用 jQuery 循环遍历 XML 属性和元素

jquery-ui - Jquerymobile ajax 响应元素不接受 css

jquery - 将ajax数据存储到全局变量中

jqueryui对话框定位

jquery - 需要为图像设置动画以在每次鼠标悬停时远离光标位置?

javascript - Jquery 幻灯片可以离线使用,但不能在线使用

javascript - XML 在 jquery 中的格式不正确

jquery 从链接打开 Accordion

javascript - 使用 JQuery 时如何首先加载 AngularJS

javascript - 如何在 javascript onclick 函数中传递带有/作为参数的变量