Javascript 如何将下拉列表的表单字段数据添加到div中，并使用JQuery将其与下一个选择进行比较

我在html文件中使用两个下拉列表，我使用JQuery进行验证。 首先，我需要将下拉列表数据中的选定项存储到a，然后我需要与下一个选择进行比较

如果两个数据都匹配，则需要生成警报消息

<script src="jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$("#but").click(function(){
var u=$("#hosp option:selected").val();
var v=$("#city option:selected").val();
alert(u);
alert(v);
var res =u.concat(v);
var flag=true;

    });
    alert(flag);
});
</script>

<div id="inner">

</div>



<select id="hosp">
<option value="nims">NIMS</option>
<option value="care">CARE</option>
<option value="app">APP</option>
<option value="osm">OSM</option>
</select><br>

<select id="city">
<option value="hyd">Hyd</option>
<option value="sec">Sec</option>
<option value="viz">Viz</option>
<option value="vij">Vij</option>
</select><br>

<input type="button" id="but" class="btn" value="CLCIK"/>

$（文档）.ready（函数（）{
$（“#但是”）。单击（函数（）{
var u=$（“#hosp选项：选中”）.val（）；
var v=$（“#城市选项：选中”）.val（）；
警报（u）；
警戒（五）；
var res=u.concat（v）；
var标志=真；
});
警报（旗帜）；
});
尼姆
照顾
应用程序
OSM


液压
秒
即
Vij

我没有真正得到您想要比较的内容，但是要将选择添加到div中，您可以使用

$(document).ready(function () {

    $("#but").click(function () {
        var u = $("#hosp option:selected").val();
        var v = $("#city option:selected").val();
        alert(u);
        alert(v);
        var res = u.concat(v);
        var flag = true;
        // Caching DOM object for better performance
        $inner = $('#inner');
        // Clearing the content
        $inner.html('');
        // Adding u to the Content of $inner
        $inner.append(u);
        // Adding v to the Content of $inner
        $inner.append(v);
    });

        alert(flag);


});

---

你能发布你的代码吗？您尝试了什么？我添加了代码请检查。请直接在Stackoverflow上添加代码，而不仅仅是一个链接。请参考我添加的代码