小编Ibr*_*han的帖子

我有一个多选列表.当用户取消选择所选选项时,我想知道用户所做的未选择选项的值.我该如何捕获它？

我的示例代码如下.

<select multiple>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select> 

我有以下jquery代码,允许用户选择多个选项

$('option').mousedown(function(){ 
    e.preventDefault();
    $(this).prop('selected', $(this).prop('selected') ? false :true);
});

我有这个代码块通过jquery .post()方法发布HTTP请求.

$.post("/product/update", formPostData)
.done(function (data) {
    // success
    alert(data.product_id + ' was updated!');
})
.fail(function (data) {
    // fail, but which request?
});

当它成功时,很容易知道我们正在处理哪个请求,因为服务器返回的json具有'product_id'我需要的.

但是,如果由于服务器没有响应的错误而失败,例如连接问题,我该如何判断哪个请求失败了？

该data对象没有线索,因为它只包含服务器响应.

如何将值传递给.fail()处理程序,以便确定哪个请求失败？

这是我正在使用的jQuery代码,它帮助我获取我更改第一个选择框时所需的选择框的值.

$(document).ready(function () {
    $("#select1").change(function(){
      $('.quantity').val('');
      $('#trblock').fadeIn();
      if ($(this).data('options') == undefined) {
        $(this).data('options', $('#select2 option').clone());
      }
      var id = $(this).val();
      var options = $(this).data('options').filter('[value=' + id + ']');
      $('#select2').html('<option value="">').append(options);
    });
});

这里发生的是每当我从第一个选择框更改选择框值时,我在第二个选择框中得到一些值.但是当我回滚到第一个文本框中之前选择的选项时,我发现第二个选择框已经显示我之前选择的选项.我想要的是每当我更改选择第一个选择框选项时,第二个选择框应该以空白选项开始,<option value=""></option>而不是在第二个选择框中先前选择的选项.

为了方便起见,我将其分成几个点.

1. 在第一个选择框示例"动物"中选择了一个选项.

   <select name="" id="select1"> <option value=""></option> <option value="1">Animals</option> <option value="2">Games</option> <option value="3">Fruits</option> </select>

2. 在第二个选择框中获得了一些值.

   <select name="" id="select2"> <option value=""></option> <option value="1">Cat</option> <option value="2">Dog</option> <option value="3">Monkey</option> </select>

3. 从第二个选择框示例"Dog"中选择一个值.

4. 然后我想从第一个选择框切换选择,所以我选择了"Fruits".

5. 在第二个选择框中获得了一些值.

   <select name="" id="select2"> <option value=""></option> <option value="1">Apple</option> <option value="2">Banana</option> <option value="3">Grapes</option> </select>

6. 我这次选择了葡萄.好的,好到这里.

7. 但是如果我再次将我的第一个选择更改为动物,我应该让第二个选择框以空选项(空白字段)开始,但相反它从先前选择的"狗"开始.这是我不想要的.每次我更改从第一个选择框中选择选项时,我希望第二个选择框以空白选项字段开头,这样我就可以再次从完整列表中选择,即"猫","狗","猴子".

我是Javascript初学者,我的Javascript出错了.

JavaScript的

$(function(){
    $(".widgetselecterbtn").onclick(function(){
        var index = $(".widgetselecterbtn").index(this);
        $('.itemselected').addClass('hide');
        $('.itemselected').eq(index).removeClass('hide');
    });
});

HTML

<ul id="wighet">
    <li><div><i class="fa fa-header fa-lg"></i><br><a class="widgetselecterbtn">heading</a></div></li>
    <li><div><i class="fa fa-pencil fa-lg"></i><br><a  class="widgetselecterbtn">text</a></div></li>
    <li><div><i class="fa fa-youtube fa-lg"></i><br><a class="widgetselecterbtn">Youtube</a></div></li>
    <li><div><i class="fa fa-quote-left fa-lg"></i><br><a class="widgetselecterbtn">quate</a></div></li>
    <li><div><i class="fa fa-link fa-lg"></i><br><a class="widgetselecterbtn">link</a></div></li>
    <li><div><i class="fa fa-picture-o fa-lg"></i><br><a class="widgetselecterbtn">image</a></div></li>
    <li><div><i class="fa fa-twitter fa-lg"></i><br><a class="widgetselecterbtn">Twitter</a></div></li>
</ul>
<div class="ItemWidget01 itemselected hide">                 
</div>
<div class="ItemWidget01 itemselected hide">            
</div>
<div class="ItemWidget01 itemselected hide">            
</div>
<div class="ItemWidget01 itemselected hide">                 
</div>
<div class="ItemWidget01 itemselected hide">                
</div>
<div class="ItemWidget01 itemselected hide"> …

我想在身体上搜索包含的href /test/.然后我想返回整个href值,例如/test/123/.

以下是我到目前为止所提出的内容.我知道它可以找到,/test/但我正在努力返回完整的href值.有任何想法吗？

function() {
    var htmlString = $('body').html().toString();
    var index = htmlString.indexOf("/test/");
    if (index != -1)
        return index.closest('div').find('a').attr('href');
}

HTML:

<div>
    <a href="/test/123/">Test</a>
</div>

提前致谢.

我正在尝试使用jquery在子元素（在本例中为select）更改时触发事件。

这是我的HTML：

<div id="addForm" ng-repeat="forme in formes" class="row addForm">
    <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6">
        <select id="geo_{{forme.id}}" ng-model="forme.geo" class="form-control">
            <option value="rectangle">Rectangle</option>
            <option value="triangle">Triangle rectangle</option>
            <option value="cercle">cercle</option>
        </select>
    </div>
</div>

尚无法使用的javaScript：

$(document).ready(function () {
    $(document.body).on("change", "#addForm > select", function () {
        alert(this.value);
    });
});

$(document).ready(function () {
    $(document.body).on("change", ".addForm > select", function () {
        alert(this.value);
    });
});