2

Gostaria de alterar o c:\imagem.jpg de acordo com o que foi selecionado no <option id="selecao" value="01">c:\imagem.jpg</option>. Segue o código:

<DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
        $("#btnTeste").click(function(){
          var select = document.getElementById("selecao");
          alert(select.innerText);
          var img = $('<img />', { id: 'Myid', src: 'c:\imagem.jpg' , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
        });
    })
    </script>
</head>
<body>
    <div id="divPrincipal">
    </div>
    <select name="select-native-fc" >
        <option id="selecao" value="01">c:\imagem.jpg</option>
    </select>
    <button id="btnTeste">Testar</button>
</body>
</html>

Este é o código da Views:

@model ProjetoDelphiMobile.Models.cliente

@{
    ViewBag.Title = "";
}

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>
    $(function () {
        $("#btnTeste").click(function () {
            var src = $('select[name="select-native-fc"]').text();
            alert(src);
            var img = $('<img />', { id: 'Myid', src: src, alt: 'MyAlt' }).appendTo($('#divPrincipal'));
        });
    })
</script>
<form>
    <fieldset data-role="controlgroup">
  @*      <div >
            <img id="foto" src="@Url.Action("Thumbnail", "ConsultaCliente", new {caminhofoto = "caminho", largura = 100, altura = 100 })" alt="thumbnail" />
        </div>*@
            <div id="divPrincipal">
            </div>
               <label>Foto:</label>
               <div  name="select-native-fc" >
                    @Html.DropDownList("idFoto", String.Empty) 
                </div>
              <button id="btnTeste">Testar</button>
        <ul data-role="listview" data-inset="true" data-divider-theme="e">
            <li><a href="/ConsultaCliente">Retornar para consulta</a></li>
        </ul>
    </fieldset>
</form>

Este é o código do Controller:

    public ActionResult AtualizaCliente(int id)
    {
        ViewBag.idFoto = new SelectList(dao.fotos, "idFoto", "Foto");
        ViewBag.idInformacao = new SelectList(dao.informacoes, "idInformacao", "titulo");
        return View(dao.cliente.Find(id));
    }

1 Resposta 1

3

Se queres criar uma imagem nova usando a informação do select podes fazer assim, usando o método .text() que te dá o texto do selec:

$("#btnTeste").click(function(){
      var src = $('[name="select-native-fc"] option:selected').text();
      alert(src);
      var img = $('<img />', { id: 'Myid', src: src , alt:'MyAlt'}) .appendTo($('#divPrincipal'));
});

Sugiro que em vez de dar ID's a cada option que dês o ID ao próprio select, uma vez que IDs têm de ser únicas.

0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .