Member 14978380 Ответов: 1

Как получить значение тега p в теге select с помощью jquery?


Здесь я использовал jQuery. Этот код дает мне вывод, но я хочу выводить его по-другому.

Когда я ввожу 5 цифр в поле ввода, он дает мне "один" в теге select и "один, два и четыре" в теге p в качестве вывода.

Могу ли я получить такое, если я нажму на "два" в теге p, значение в теге select должно измениться на два? Кто-нибудь может мне помочь?

Что я уже пробовал:

jQuery(document).keyup(function(){ 
        jQuery("#txtFirstNo").on("input", function() {
            jQuery("#selResult").val("");
               var arr = [];
            
            if ( jQuery(this).val().match(/^(\d{5})$/, '') ) {
                jQuery("#selResult").val("one");
            }
            else if ( jQuery(this).val().match(/^(\d{5})$/, '') ) {
                jQuery("#selResult").val("two");
            }
            else if ( jQuery(this).val().match(/^(\d{5})$/, '') ) {
                jQuery("#selResult").val("four");
            }
            else if ( jQuery(this).val().match(/^(\d{7})$/, '') ) {
                jQuery("#selResult").val("three");
            }
            
// for p tag
        
    if (jQuery("#txtFirstNo").val().match(/^\d{5}$/, '') )  {
            arr.push("one") ;
        }
    if ( jQuery("#txtFirstNo").val().match(/^\d{5}$/, ''))
        {
            arr.push("two");
        }
    if ( jQuery("#txtFirstNo").val().match(/^\d{5}$/, ''))
        {
            arr.push("four");
        }
    if ( jQuery("#txtFirstNo").val().match(/^\d{7}$/, ''))
        {
            arr.push("three");
        }
    
    jQuery("#txtPrint").html(arr.join("<br/>"));
    arr=[];
            
        });
});
<br> Tracking Number :

<br>
 Shipping Carriers :
      

  Select Carriers
  one
  two
  three
  four
  


<p id="txtPrint"></p>

1 Ответов

Рейтинг:
1

W∴ Balboos, GHB

Не каждый HTML-элемент может "достоверно" содержать атрибут value в обычном смысле этого слова. <input> и <select>, например, сделаны для него и заданы атрибуты значения по дизайну.

Другие элементы не предназначены для хранения значения. Для таких элементов, как <p> или <div>, Они действительно используются в качестве контейнеров для старых вещей.

У вас есть два варианта.
1 - Если вы хотите содержимое контейнера, вы можете получить свойство innerHTML или через свойство innerText ценности. Они содержат содержимое внутри элемента (текст, HTML, CSS и т. д.).
2 - я не использую jQuery - просто прямой javascript и DOM. Я могу практически дать любой атрибут любому HTML - элементу-и я использовал эту возможность для создания пользовательских атрибутов для хранения информации (например, отношения "многие ко многим" родитель-потомок с элементами "выбрать"). Вы можете поместить атрибут value= в свой элемент и получить его с помощью: документ.метод getElementById().функции getattribute('значение');

Теперь вам предстоит выяснить, как и что jQuery позволяет вам делать в этом отношении. Помните, однако, что javaScript все еще работает на Вашей странице, и вы можете использовать его!