挑選一個城市，顯示內容

-3

是新的Web開發我已經開發了一個網站，現在我想在上面放置角落文本字段，並選擇挑根據選擇的城市一個城市，顯示的內容。例如：在一個網頁我應該有一個文本框，如果我輸入城市名稱，它應該顯示城市的內容（使用案例：如果我選擇德里它應該顯示德里的內容，如果我選擇孟買它應該顯示孟買的內容如何我可以實現這個任務）任何代碼，任何參考可以讚賞，在此先感謝。（HTML，JavaScript的，java的東西是確定）挑選一個城市，顯示內容

來源

2017-08-08 Baasu

這太廣...除非你貼在你有什麼書面到目前爲止 – Jeyaprakash

這裏的[HTML參考（https://www.google.by/url?sa東西= T＆RCT = J＆q =＆ESRC = S＆源=幅和CD = 1＆CAD = RJA＆uact = 8＆VED = 0ahUKEwiqr6TXsMjVAhXlFJoKHZg_AMsQFggmMAA＆URL = HTTPS％3A％2F％2Fwww.w3schools.com％2FTAGs％2F＆USG = AFQjCNGj_GJ_jj0hAVN2pDJ98MzmoeNOPw）。希望有幫助=） –

@Jeyaprakash ............. https://www.nearbuy.com/只要打開這個鏈接，它會要求你選擇位置，然後繼續下去，在這裏他們如何選擇一個城市並顯示該特定內容。這就是我期待的 – Baasu

這裏是一樣的東西，你想要什麼，你可以做一個彈出，而不是一個下拉菜單，如果你想。告訴我你是否需要幫助，或需要了解代碼。此代碼基於Dmitriy Lishtvan對此問題的回答。我只是把它和你的問題聯繫起來。

$(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>

來源

2017-08-08 19:58:59

喜@里茲 - waan謝謝，它不工作我的意思是，因爲顯示：無屬性如果刪除該屬性，它會顯示一切（奈，華盛頓州，漢堡）。如何顯示特定的div內容。 – Baasu

@Baasu試試這個https://jsfiddle.net/3anz8hwn/它似乎爲我工作。此外，如果我的答案有幫助，我會感激upvote，謝謝 –

@Baasu您還需要等待，而遠程頁面下載。在我的電腦上，我不得不等待大約3秒鐘，然後加載。 –

我覺得這是你想要

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

來源

2017-08-08 19:34:40

https://www.nearbuy.com/只要打開這個鏈接，第一次它會問你挑位置，然後它進一步進行，在這裏他們如何選擇一個城市並顯示該特定內容。這就是我期待的 – Baasu

UR參考鏈接是一些什麼類似的感謝，但我要像nearbuy.com一些事情.....你能請弄清楚如何做這樣的 – Baasu

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

什麼在Java中，你可以使用TextField類，以便用戶輸入。然後你可以使用JButton，然後當用戶單擊按鈕時，相應的內容（用數組組織內容）。鏈接信息有關的TextField https://docs.oracle.com/javase/tutorial/uiswing/components/textfield.html

另外一個JButton https://docs.oracle.com/javase/tutorial/uiswing/components/button.html 祝您好運！

來源

2017-08-08 19:35:00

你的方法開發太複雜了。我正在尋找簡單的Html Javascript代碼。你的努力 – Baasu

挑選一個城市，顯示內容

回答

相關問題