Javascript 脚本无法向列表中添加值

我试图使用文本框向列表中添加一个值，但它不起作用

<input type="text" value="" id="ip1" class="ip1" />
<input type="button" value="Add" class="bt1" id="bt1" />
<br/>
<select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
</select>

<script type="text/javascript"        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script language="javascript">

剧本是：

$(document).ready(function (e) {
    var $txtVal = $('#ip1');
    $(".bt1").click(function () {
        var opt = $("#ip1").val();
        if ($txtVal.val()) {
            $('<option />', {
                text: $txtVal.val(),
                value: $txtVal.val()
            }).appendTo('select');
        }
    });
});

<script type="text/javascript"        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script language="javascript">

我的错在哪里

<input type="text" value="" id="ip1" class="ip1" />
<input type="button" value="Add" class="bt1" id="bt1" />
    <br/>
   <select>
     <option value="volvo">Volvo</option>
     <option value="saab">Saab</option>
    </select>


$(document).ready(function () {
    $(".bt1").click(function () {
        var opt = $("#ip1").val();
        if (opt != "" && opt != " "){
            opt = "<option value=" + opt + ">" + opt + "</option>";
            $("select").append(opt);
        }         
    });
});

<script type="text/javascript"        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script language="javascript">

---

p、 s jsfidle

感谢您在成功添加此功能后为其工作的每一个人

<script type="text/javascript"        src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script language="javascript">

---

你的代码是有效的：浏览器控制台中的任何错误“它不工作”永远都不是足够的信息。你检查控制台有没有错误？您检查过脚本的哪一行失败了吗？请帮助我们帮助您。您在哪里/如何包括jquery？您甚至包括jquery bro吗？这将添加空值选项，为什么删除OP if语句？我将进行快速测试。但你说得对，我将添加空字符串检查，最好不要在变量名中使用字符，这样的“$”是非常不同意的。如果变量包含一个jquery对象，则最好在其前面加上$前缀，例如$txtVal=$'ip1'，尽管如果opt！=&选择！={可以缩短为if opt{