Eine Stadt auswählen und Inhalte anzeigen

-3

bin neu in der Webentwicklung Ich habe eine Website entwickelt und jetzt möchte ich ein Textfeld an der oberen Ecke platzieren und Optionen geben, um eine Stadt auszuwählen und Inhalt basierend auf ausgewählten Stadt anzuzeigen. zum beispiel: in einer webseite sollte ich ein textfeld haben, wenn ich einen stadtnamen eingebe, sollte es den stadtinhalt anzeigen (use case: wenn ich Delhi auswähle, sollte es den inhalt von Delhi anzeigen, wenn ich mumbai auswähle, sollte es den inhalt von mumbai anzeigen kann ich diese Aufgabe erreichen) jeder Code, alle Referenzen können geschätzt werden, Vielen Dank im Voraus. (HTML, JavaScript, Java ist alles ok)Eine Stadt auswählen und Inhalte anzeigen

Quelle

2017-08-08 Baasu

Dies ist zu breit ..., wenn Sie etwas auf schreiben, was Sie bisher geschrieben haben – Jeyaprakash

Hier ist [HTML Referenz] (https://www.google.by/url?sa = t & rct = j & q = & esrc = s & quelle = web & cd = 1 & cad = rja & uact = 8 & ved = 0ahUKEwiqr6TXsMjVAhXlFJoKHZg_AMsQFggMMAA & url = https% 3A% 2F% 2Fwww.w3schools.com% 2FTAGs% 2F & usg = AFQjCNGj_GJ_jj0hAVN2pDJ98MzmoeNOPw). Hoffe, dass hilft =) –

@Jeyaprakash ............. https://www.nearbuy.com/ Öffnen Sie einfach diesen Link, 1. es wird Sie bitten, Standort auszuwählen, dann weiter, hier wie sie eine Stadt auswählen und diesen bestimmten Inhalt anzeigen. Dies ist, was ich suche – Baasu

Hier ist so etwas wie, was Sie wollen, können Sie ein Popup anstelle eines Dropdowns machen, wenn Sie möchten. Sag mir, ob du Hilfe brauchst oder den Code verstehen musst. Dieser Code basiert auf Dmitrij Lishtvans Antwort auf diese Frage. Ich habe es nur auf deine Frage bezogen.

$(function(){ 
 
      $('.selectOption').change(function(){ 
 
      var selected = $(this).find(':selected').text(); 
 
      //alert(selected); 
 
      $(".desc").hide(); 
 
      $('#' + selected).show(); 
 
      }).change() 
 
});

.desc {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="selectOption"> 
 
<option>--Choose One---</option> 
 
    <option>Chennai</option> 
 
    <option>Washington</option> 
 
    <option>Hamburg</option> 
 
    </select> 
 
    
 
    <div id="changingArea"> 
 
     <div id="Chennai" class="desc"><iframe height=900 width=900 src="https://en.wikipedia.org/wiki/Chennai"></iframe></div> 
 
     <div id="Washington" class="desc"><iframe height=900 width=900 src="https://www.washingtonpost.com"></iframe></div> 
 
     <div id="Hamburg" class="desc"><iframe height=900 width=900 src="https://www.tripadvisor.com/Tourism-g187331-Hamburg-Vacations.html"></iframe> 
 
</div> 
 

 
    </div>

Quelle

2017-08-08 19:58:59

Hallo @ Riz-waan Danke für Ihre Mühe, es funktioniert nicht ich meine wegen der Anzeige: keine Eigenschaft, wenn ich diese Eigenschaft entfernen wird es alles zeigen (Chennai, Washington, Hamburg). wie man bestimmte Div-Inhalte anzeigt. – Baasu

@Baasu Versuchen Sie dies https://jsfiddle.net/3anz8hwn/ Es scheint für mich zu arbeiten. Auch wenn meine Antwort hilft, würde ich mich über eine Verbesserung freuen, danke –

@Baasu Auch müssen Sie warten, während die Remote-Seite heruntergeladen wird. Auf meinem Computer musste ich ca. 3 Sekunden warten und dann wurde es geladen. –

Ich denke, das ist, was Sie wollen

`http://jsfiddle.net/XCUDF/`

Quelle

2017-08-08 19:34:40

https://www.nearbuy.com/ Öffnen Sie einfach diesen Link, 1. es wird Sie bitten, den Standort dann auszuwählen es geht weiter, hier, wie sie eine Stadt auswählen und diesen bestimmten Inhalt anzeigen. Das ist, was ich suche – Baasu

Ur Referenz Link ist etwas, was ähnlich danke dafür, aber ich möchte etwas wie nearbuy.com ..... Können Sie bitte herauszufinden, wie man das tun – Baasu

http://jsfiddle.net/XCUDF/248/ –

In Java können Sie die Textfield-Klasse verwenden, um die Benutzereingabe zu haben. Dann können Sie eine JButton verwenden und dann, wenn der Benutzer auf die Schaltfläche den entsprechenden Inhalt klickt (Organisieren Sie den Inhalt mit einem Array). Link zu Informationen über Textfelder https://docs.oracle.com/javase/tutorial/uiswing/components/textfield.html

Auch JButton https://docs.oracle.com/javase/tutorial/uiswing/components/button.html Good Luck!

Quelle

2017-08-08 19:35:00

Ihre Methode ist zu komplex, um sie zu entwickeln. Ich suche nach einfachem HTML-Javascript-Code. – Baasu

Eine Stadt auswählen und Inhalte anzeigen

Antwort

Verwandte Themen