ajax函数放在url中的内容

时间:2014-09-27 17:39:36

标签: javascript html ajax option

很抱歉提出这样一个基本问题,但我是ajax的新手,我无法找到文档(我甚至不知道这个ajax语法的名称)。我理解这段代码片段的其他部分但是我我不知道我应该把它放在$ .ajax函数的url部分。请帮忙

<form method="GET" action="">
    <select name="docSpec" id="docSpec">
        <option value="Pulmonary" selected="selected">Pulmonary</option>
        <option value="Physician">Physician</option>
        <option value="General">General</option>
        <option value="Cardiologist">Cardiologist</option>
        <option value="pediatrics">pediatrics</option>
    </select>
</form>

JS:

function do_something() {
    var selected = $('#docSpec').val();
    $.ajax({
        this part-- > url: '/you/php/script.php',
        type: 'POST',
        dataType: 'json',
        data: {
            value: selected
        },
        success: function (data) {
            $('#my_div').html(data);
        }
    });
}

这是javascript!顺便说一句,我试图从<select>(&#34;据说更改为触发器&#34;)中选择一个选项值,而无需提交表格。

1 个答案:

答案 0 :(得分:1)

您可以使用

获取<select>的选定值
 $('#docSpec').val();

您不需要使用ajax。更改<select>的选定选项不会触发表单提交或默认重新加载页面。

您可以使用change()方法更改值:

$('#docSpec').change(function(){
  alert(this.value); // You can access the new value here
});