如何使用jQuery获取html选择元素的特定值

爱马仕·乔哈尔

所以......我很难弄清楚如何解决这个javascript问题。

所以,我一直在研究注册表,用户输入他们的学生 ID,ajax 会自动响应选择他们的学位(让我们这么说)。

有 4 度,有 3 位主码,如下面由变量 si、ti、dsi 和 dti 给出。

var si   = ['510'] // Selain 510
var ti   = ['520'] // Selain 520

var dsi = ['310'] // Selain 310
var dti = ['320'] // Selain 320

if(si.indexOf($(this).val().substr(0,3)) < 0){
    $('#dftrprodi option[value="S1 - Teknik Informatika"]').attr("selected", "selected");
}
else if (ti.indexOf($(this).val().substr(0,3)) < 0){
    $('#dftrprodi option[value="S1 - Sistem Informasi"]').attr("selected", "selected");
}
else if (dti.indexOf($(this).val().substr(0,3)) < 0){
    $('#dftrprodi option[value="D3 - Teknik Informatika"]').attr("selected", "selected");
}

510 和 520 的 3 位代码运行良好,选择正确的等级。但是在第三个“else if”中,它选择程度“S1 - Teknik Informatika”而不是“D3 - Teknik Informatika”

怎么解决呢?好吧,我认为“310”将与“510”相同,并且会选择 D3 而不是 S1,但事实并非如此。

如果需要,这是我的观点

<select id="dftrprodi" name="studi">
   <option value="S1 - Sistem Informasi">S1 - Sistem Informasi</option>
   <option value="S1 - Teknik Informatika">S1 - Teknik Informatika</option>
   <option value="D3 - Sistem Informasi">D3 - Sistem Informasi</option>
   <option value="D3 - Teknik Informatika">D3 - Teknik Informatika</option>
</select>

示例(简单来说):

If
   user/student type "510-xxxxx" it select 'S1 - Sistem Informasi'
else if 
   user/student type "520-xxxxx" it select 'S1 - Teknik'
else if
   user/student type "310-xxxxx" it select 'D3 - SI (for short)'
else if
   user/student type "320-xxxxx" it select 'D3 - TI'

编辑:我删除了禁用的输入,因为禁用时,该值不会发送到数据库

杰罗曼达X

逻辑坏了

考虑是否$(this).val().substr(0,3)是 310

这使得第一个“如果”为真 - else ifs 永远不会运行

这是我认为可能有效的方法

var courses = {
    '510': 'S1 - Sistem Informasi',
    '520': 'S1 - Teknik Informatika',
    '310': 'D3 - Sistem Informasi',
    '320': 'D3 - Teknik Informatika'
};
$('#dftrprodi option[value="' + courses[$(this).val().substr(0,3)] + '"]').attr("selected", "selected");

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery选择具有特定值的按钮元素?

来自分类Dev

使用jQuery获取html元素的特定祖先

来自分类Dev

如何使用Jquery / Javascript选择特定元素

来自分类Dev

如何使用javascript和jquery从html元素到特定的html元素字段分别获取值

来自分类Dev

如何使用jQuery获取特定元素?

来自分类Dev

如何使用JQuery从HTML中选择元素

来自分类Dev

如何使用jQuery $ .post()特定元素值?

来自分类Dev

如何使用jQuery从表单获取元素值

来自分类Dev

如何使用jQuery选择具有特定“ abbr”属性值的元素

来自分类Dev

如何使用jQuery选择具有特定ARIA值的所有元素?

来自分类Dev

如何使用jQuery通过具有特定值的数据属性选择所有元素

来自分类Dev

如何使用jQuery获取HTML元素ID

来自分类Dev

使用jQuery选择特定元素

来自分类Dev

使用jQuery选择特定元素

来自分类Dev

使用jquery选择html表中输入元素的值

来自分类Dev

如何在PHP中使用$ _POST获取选择元素值

来自分类Dev

如何使用jQuery中的prepend()方法获取添加到html <ul>元素中的html <li>元素的id值?

来自分类Dev

如何使用jQuery中的prepend()方法获取添加到html <ul>元素中的html <li>元素的id值?

来自分类Dev

如何使用jQuery从HTML表单获取数组中的所有id元素值

来自分类Dev

javascript-如何使用jquery click仅获取许多html元素的当前索引和值?

来自分类Dev

如何使用'this'在jQuery中选择具有类的特定元素

来自分类Dev

jQuery按属性值获取/选择元素

来自分类Dev

通过选择器使用jQuery获取HTML表单值

来自分类Dev

如何通过jQuery在HTML中获取具有特定类的第一个元素的ID值

来自分类Dev

如何在Phantomjs中使用jQuery选择html元素?

来自分类Dev

如何使用jquery在html中添加和选择元素

来自分类Dev

jQuery获取父元素的特定类的值

来自分类Dev

获取从特定元素开始的html值

来自分类Dev

使用jQuery获取元素的.html()

Related 相关文章

  1. 1

    如何使用jQuery选择具有特定值的按钮元素?

  2. 2

    使用jQuery获取html元素的特定祖先

  3. 3

    如何使用Jquery / Javascript选择特定元素

  4. 4

    如何使用javascript和jquery从html元素到特定的html元素字段分别获取值

  5. 5

    如何使用jQuery获取特定元素?

  6. 6

    如何使用JQuery从HTML中选择元素

  7. 7

    如何使用jQuery $ .post()特定元素值?

  8. 8

    如何使用jQuery从表单获取元素值

  9. 9

    如何使用jQuery选择具有特定“ abbr”属性值的元素

  10. 10

    如何使用jQuery选择具有特定ARIA值的所有元素?

  11. 11

    如何使用jQuery通过具有特定值的数据属性选择所有元素

  12. 12

    如何使用jQuery获取HTML元素ID

  13. 13

    使用jQuery选择特定元素

  14. 14

    使用jQuery选择特定元素

  15. 15

    使用jquery选择html表中输入元素的值

  16. 16

    如何在PHP中使用$ _POST获取选择元素值

  17. 17

    如何使用jQuery中的prepend()方法获取添加到html <ul>元素中的html <li>元素的id值?

  18. 18

    如何使用jQuery中的prepend()方法获取添加到html <ul>元素中的html <li>元素的id值?

  19. 19

    如何使用jQuery从HTML表单获取数组中的所有id元素值

  20. 20

    javascript-如何使用jquery click仅获取许多html元素的当前索引和值?

  21. 21

    如何使用'this'在jQuery中选择具有类的特定元素

  22. 22

    jQuery按属性值获取/选择元素

  23. 23

    通过选择器使用jQuery获取HTML表单值

  24. 24

    如何通过jQuery在HTML中获取具有特定类的第一个元素的ID值

  25. 25

    如何在Phantomjs中使用jQuery选择html元素?

  26. 26

    如何使用jquery在html中添加和选择元素

  27. 27

    jQuery获取父元素的特定类的值

  28. 28

    获取从特定元素开始的html值

  29. 29

    使用jQuery获取元素的.html()

热门标签

归档