使用Jquery进行＆＃34;选择＆＃34;和＆＃34;选项＆＃34;？

Question

首先感谢大家的帮助。对不起我的英语很糟糕:)）

1。我需要jquery，可以选择在 XmlData = New StringReader(xmlString) reader = New XmlTextReader(XmlData) xmlDs.ReadXml(reader) Dset = xmlDs 中显示选项。我需要在网站上获取值。如果我选择其他选项，它将保持不变。

前，我有：

div

结果：

<div class="example">
<select name="filter1" onchange="filtch1(this,'http://example.com/abc/19','0','1');">
<option value="0">Example</option>
<option value="1">Example 1</option>
<option value="2">Example 2</option>
<option value="3" selected>Example 3</option>
</select>
</div>

<div class="demo"></div>

2。以及我如何删除<div class="example"> <select name="filter1" onchange="filtch1(this,'http://example.com/abc/19','0','1');"> <option value="0">Example</option> <option value="1">Example 1</option> <option value="2">Example 2</option> <option value="3" selected>Example 3</option> </select> </div> <div class="demo">Example 3</div> 的边缘。我尝试过使用css但不能！

感谢您访问并帮助我！

Answer 1

尝试将更改事件绑定到您的select元素及其内部，将其值分配给目标div，

$(".example select[name=filter1]").change(function(){
  $(this).closest(".example").next(".demo").text($(":selected", this).text());
  //If you want to access the selected value then just use this.value
});

DEMO

对于您的第二个问题，这question可能会有所帮助。

Answer 2

在change select[name=filter1]事件中获取所选选项的文字，并将其设置为.demo。

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="example">
    <select name="filter1">
        <option value="0">Example</option>
        <option value="1">Example 1</option>
        <option value="2">Example 2</option>
        <option value="3" selected>Example 3</option>
    </select>
</div>

<div class="demo">Selected Here</div>

<script>
    $('select[name=filter1]').change(function() {
        $('.demo').html($('option:selected', this).text());
    }).change(); //auto execute on page load
</script>

＆＃13;

＆＃13;

＆＃13;

Answer 3

在更改功能下拉列表中执行此操作

还会在您的下拉列表中添加ID

$( "#id" ).change(function() {
      // add another id to your result div and then
('#divId').text(this.text());
}