Question

使用JavaScript验证HTML上的表单。

我有一个选择框（如下所示），我正在尝试检测on change事件，但jQuery没有检测到更改。

我正在使用jQuery mobile，但对于这个元素，我没有使用很酷的弹出选择菜单，只是标准。还有什么我需要做的吗？我尝试了很多jQuery的想法。

我在页面上有其他元素，例如

<input id="Title" type="text">

并使用

成功获取更改事件

$("#Title").change(function() { xxx }

如何检测选择选项更改？

----

编辑：这是我的完整代码： HTML：

<div class="ui-select">
    <div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d" data-iconpos="right" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-right ui-btn-up-c">
        <span class="ui-btn-inner">
            <span class="ui-btn-text"><span>Bralivros</span></span>
            <span class="ui-icon ui-icon-arrow-d ui-icon-shadow">&nbsp;</span>
        </span>
        <select id="publisher">
            <option selected="selected" value="">Please Choose a Publisher</option>
            <option value="livros">livros</option>
        </select>
    </div>
</div>
<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c validating">
    <input size="45" maxlength="200" name="Book[Title]" id="Book_Title" type="text" class="ui-input-text ui-body-c">
</div>

jQuery的：

$( document ).ready(function() {
    $("#publisher").on('change', function() {
        check_Publisher();
    });
    $("#Book_Title").change(function() {
        check_Title();
    });
});

function check_Publisher() {
    console.log("checking publisher");
}
function check_Title() {
    console.log("checking title");
}

Answer 1

DEMO

<select id="publisher">
  <option selected="selected" value="">Please Choose a Publisher</option>
  <option value="1">1</option>
  <option value="2">2</option>
 <option value="3">3</option>
  <option value="4">4</option>
</select>

 $("#publisher").bind("change", function (event, ui) {
    var publisher = $("#publisher").val();
    alert(publisher);
  });

Answer 2

试试这个，

$(function(){
    $("#publisher").on('change', function() {
        check_Publisher(this);
    });
    function check_Publisher(ths){
        console.log('publisher'+ths.value);// ths refers to publisher
    }
});

同样，你也可以为你的textbox做。

使用jQuery mobile时如何检测Select选项更改？

----

2 个答案: